Rich links in WhatsApp with just 1 line description instead of 2? - html

I'm struggling with the rich links, while when I share a link from most of the websties I see two lines description.
For example Facebook:
<meta name="description" content="This is a text description that is showing 2 description lines and a thumbnail without any problem or cut excepto for this.." />
My web site:
<meta name="description" content="For some reason even if this text is shorter, I get a cut into the first line description">
Here I get a cut in the first line before the end of the sentence.
I'm getting a bit crazy here, it doesn't make apparently sense, it's me or WhatsApp trying to annoy me?

The problem is not with that line, but probably your title is 2 lines, and is taking deducing a line from the description as there's max 3 lines per rich link

Related

Do not add TITLE as heading to body when exporting org file

This export option:
#+TITLE: My title
Does two things:
adds a meta tag on the document's head: <title>My title</title>
adds a heading at the start of the generated content div: <h1 class="title">My title</h1>
I want 1 but do not want 2. Is it possible to configure this?
Something like this "should" work according to http://orgmode.org/manual/Export-settings.html#Export-settings:
#+OPTIONS: title:nil
#+HTML_HEAD: <title>My special title</title>
but in my setup this doesn't actually suppress the title. it does add an extra <title> to the head block though with the text you put in.
If you make the title blank, e.g.
#+TITLE:
then there is no title, but still apparently two titles in the head. Is that close to what you want?
[Org mode version 9.5.2]
Part of John Kitchin's answer helped me; the following achieves what you need:
#+TITLE: grtcdr's website
#+OPTIONS: title:nil

Pinterest images on page are not showing

I am trying to add a Pin it button on a blog page. AddThis widgets are being used for this.
But when I try to use the PIN functionality then it is not choosing all the images on my page.
The image tags are as below
-- Getting Pinned
<img src="images/blog/123_3710961211.jpg" class="blog-main-img">
-- not Getting Pinned
<img src="data:image/png;base64,v2nv1jcqS/VEhanlIJN8hnyDHoT4Z8FfAhX/g8EI9yHfLfPFQAAAA
BJRU5ErkJggg==" data-filename="Victor Vasarely positive negative space pic.png"
style="width: 521px;">
Let me know what is the error? Is it that Pin does not include Data images?
I have tried using another widget also but same result there.
I read somewhere that img size should be at least 100×200 but all my pics are greater than that.
pinterest does not support pinning from base64 images, you should be able to set a meta tag to an actual image not displayed on the page however
<meta property="og:image" content="http://example.com/pic.jpg" />

iOS devices hiding phone numbers in HTML pages

I'm working on a email blast that displays a number to a federal company dealing with health.
Here's what my code in the section looks like:
<p style="margin: 1em 3em 0em 0em;color:color:#585A63;">
Visit a website or call <span style="color:color:#585A63; display:block; text-decoration:none;">1-800-123-4567.</span>
</p>
This code displays as it should on all browsers and email services, but when I view it in iPhone 4S, 5, and iPad, all that shows up is:
Visit a website or call
The number is magically gone. I've tried replacing the number with HTML entities as well, but no luck. However if I type the number in twice, it will display the full first number and half of the second. Any ideas about what's going on?
Try adding <meta name="format-detection" content="telephone=no" /> in your head tag.
Edit: Okay, so it's showing up for me: http://jsfiddle.net/XkssQ/show
My guess is that the container the phone number is in is too small, causing the new line to be truncated.

Website Image as Title, Google Doesn't recognize Image

I currently have an image as my title for my website. Google is not recognizing this as the title and it shows up with something other than what i want in google search. I thought of perhaps adding the below h1 / link...
<a href="/">
<h1 style="postion:absolute;margin:-1000px -1000px;">my title</h1>
<img src="images/logo.jpg" alt="my title"/>
</a>
However this doesn't hide the title like I want it to. Any advice?
The title that Google puts into its search result is not defined by the <h1>-tag but by the <title> tag within the the document's head.
So try this within the <head></head> tags:
<title>my title</title>
The <h1>-tag is picked up by Google but has nothing to do with what Google displays as your site's title, neither does the image.
That aside: for search engine optimization and accessibility reasons you should never use only an <img> as your header graphic.
If you want to define the text that Google puts under the search result's title, go for the meta description and put this in the documents head:
<meta name="description" content="The description of your site, as it will appear on Google Search." />
CSS
h1 { height:200px; background:url('logo.jpg'); width:300px }
h1 span { display:none }
HTML
<h1><span>My Title</span></h1>
And user1394965 is correct. <title> is going to drive what Google lists.
h1 =/= title
You need a title tag in the head of your page. Also, I don't know if you can do this with an actual image or not (I really don't see why you would want to put an image as your title or what purpose it would serve). Maybe you're thinking of a favicon?
Also, theres no need to hide the title off of the page when you use a title tag. Since it's in your header it does not actually get displayed to the body.

Hidden Field Pick up by Google

<div id="hiddenDiv" style="display:none;">
Lorem Ipsum. Soumya
</div>
I have a HTML code like above. Is it possible google pick up my text while this Div is being hidden. If not then can anyone suggest me how to make any text hidden and google pick up that line from a site.
Hiding text or links in your content to manipulate Google’s search rankings can be seen as deceptive and is a violation of Google’s Webmaster Guidelines. Text (such as excessive keywords) can be hidden in several ways, including:
Using white text on a white background Locating text behind an image Using CSS to position text off-screen Setting the font size to 0 Hiding a link by only linking one small character—for example, a hyphen in the middle of a paragraph
Taken from http://support.google.com/webmasters/bin/answer.py?hl=en&answer=66353
Meta Tag is not useful if your text length is more than 255
Search bots can pickup any content that is available as text from your web pages. If you don't want something indexed by google, render it out in an image or so, but given google's reputation, they might find ways to index the content out of it as well. The best option is block bots from indexing specific pages in whole via your robots.txt
You can use meta tag.
<head>
<meta name="description" content="This is Soumya's site">
<meta name="keywords" content="Lorem Ipsum. Soumya, some search word, etc">
<meta name="owner" content="Soumya">
</head>
I believe you can simply use some sort of metatags like
<meta name="description" content="Awesome Description Here">
<meta name="keywords" content="Some keywords a common user shall never see, but common searchbot will">
I mean, Google searchbot will use it not as a content, but as content metadata.
It's the war never-ending between SEO-cheaters and search-drive development groups. Last ones trying their best to know if the content is usefull or/and will ever be shown to user. So that jQuery-solution is a solution to BING only, i guess. Or any other useless search-drive.
PS: No offence, MS.