<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.
Related
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
I'm an absolute beginner in coding. In fact, I'll probably never do it again ;)
I'm trying to create this very simple website for my boyfriend as a surprise (he's a developer). And now I'm just encountering one problem after the other :(
I've decided on html (although I'm so desperate by now that I'd be willing to go with anything).
<!DOCTYPE html>
<html>
<body>
<h1>Hello, world (especially Mitchell)</h1>
<h2>I want to show you something…</h2>
<p>Remember that time when I was losing so many rounds of Quizduell that even you noticed? Well, turns out I was doing that on purpose. I was trying to spell something out for you. But as I found out the hard way, it is actually really hard to lose specific games on purpose in the exact order you need. It seemed like I needed to change my plans…</p>
<img src=“7.JPG” alt=“error” style="width:304px;height:228px;">
This is all I have so far. And it's just going to be a bit more text, a couple more images and maybe a little bit of colour and layout (if I can manage that).
Right now my biggest problem is inserting the images.
It just doesn't work :(
Can someone please help me?
You have to close all of your tags. You see the and tags, etc.? All of those tags with /'s before them are the end of a section. First of all, you need that for your <html> and <body> tags. You also need it on your image tag, but there is a special way to do so for such tags as images. Simply add a space followed by a slash at the end of the angled brackets of the image tag:
<img src=“7.JPG” alt=“error” style="width:304px;height:228px;" />
This basically allows the tag to be on one line, making code simpler.
Good job on your project so far, and good luck!
Fixed version of your code:
<!DOCTYPE html>
<html>
<body>
<h1>Hello, world (especially Mitchell)</h1>
<h2>I want to show you something…</h2>
<p>Remember that time when I was losing so many rounds of Quizduell that even you noticed? Well, turns out I was doing that on purpose. I was trying to spell something out for you. But as I found out the hard way, it is actually really hard to lose specific games on purpose in the exact order you need. It seemed like I needed to change my plans…</p>
<img src=“7.JPG” alt=“error” style="width:304px;height:228px;" />
</body>
</html>
`
In case this doesn't work, make sure 7.JPG is in the directory of the .html file. The filename is case-sensitive.
First of all, I thought that it was very sweet of you to do that!
Here is a sample html that might help you out.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<img src="./promo_5.png" alt="Describe my picture here!" />
</body>
</html>
The body and the html is wrapped here, and the image src is using relative path to find the image.
How sweet!
I would suggest you to use a WYSIWYG (What You See Is What You Get) editor to design like Microsoft Word. After you are done with the design, go to tools > source code. There you can get the html code for your design. Simply copy the code from there and paste it within the <body></body> tag. And done! You have designed the webpage!
Link to a WYSIWYG Editor: click here
For image issues, make sure that they are placed in the same directory where the .html file is kept. It should work properly.
I have the following code in a website footer:
<div class="examples-footer">
First text Example
Second text Example2
</div>
I would like to designate the two links there as "nofollow". However, I can only manipulate the output by inserting additional text/html tags right after
<div class="examples-footer">
and before
First text Example
Just inserting the <rel="nofollow"> tag there won't work; is there a way to do this using the HTML markup under the constraints which I specified, or is it impossible?
If you don't want bots/crawlers/spiders to follow any links on the page, use the robots meta tag in the head:
<meta name="robots" content="nofollow">
If you don't want search engines counting a link for page ranking, use the rel attribute in the link:
<a href="//stackoverflow.com" rel="nofollow">
Neither of these will prevent a human being (or cat) from following a clicked link, of course.
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
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.