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.
Related
I was doing a Google search on the company that I work for, and for some reason that I can't explain, the alt attribute value is showing on Google as the name of the page, as seen on the following print:
As you can see, "Ícone do Whatsapp" is the alt attribute of a floating Whatsapp icon that we have in the page, as seen here:
<a href="https://wa.me/5519983642028?text=Vi%20o%20site%20da%20Fast%20Tire%20e%20quero%20aproveitar%20as%20ofertas%20de%20pneus%20novos!" target="_blank">
<img src="https://fasttire.com.br/themes/fasttire/assets/less/icon-whats.png" alt="Ícone do Whatsapp" style="margin-bottom:100%; height:80%; width:80%" >
</a>
I have no idea what could be happening here.
Just inspected your html and it looks like Google wants to display some text there, and you don't have any other text. Inside the header tag, you only have an image.
Also your title tag is very non-descriptive home
Possible solutions
Put a decent description of the website in the title tag.
Put a title attribute on the anchor.
Put a title attribute on the image.
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 have a search engine plugin that outputs results in a basic structure:
<a href="page url">
<div class="searchResult">
<h3>Page title</h3>
<p>Page url</p>
<p>Page <meta> description</p>
</div>
</a>
The plugin is designed to integrate into an existing website so it has no default styling. However, websites are supposed to be usable even without CSS through the use of the correct, semantic HTML tags. Currently the displayed URL is indistinguishable from the description and would appear as a software glitch without additional styling.
Google uses the <cite> tag, however in HTML 5 <cite> should be used for the title of a work, not a URL so this isn't the answer.
Is there a HTML tag that is designed to show a URL other than <a>, a URL that is not clickable? What is the semantic approach for this?
If I understand you correctly, you want the url to be a link but also display as a url. To do this put the url in the a tag twice, like so:
This can then be style as desired by the destination page.
<style>
a {
color: blue;
text-decoration: underline; }
</style>
http://www.google.com/<br /><br />
Edited to add:<br /><br />
<a>http://www.google.com/</a>
The href attribute is required for default link styling.
Since adding css seems to be an issue I doubt you can use JS but if you can here's a solution that requires the css class .do-not-open to prevent links from opening.
<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.