rel="author" tags

 

Wednesday, August 13, 2014

rel="author" tags HTML-5.com is a great guide for web developers. TV Series & Actors and Actresses. Follow TV Series and HTML 5 on Google+.

ATTENTION: THIS PAGE IS Valid HTML 5 AND IS BEST VIEWED WITH HTML 5 - Please upgrade your browser or download one of the HTML 5 compatible browsers such as Mozilla Firefox, Chrome, Opera or IE 9 (March 14, 2011 or later). For more information see HTML 5 browsers.

If you find this helpful, please click the Google +1 Button to the left, if it is white, to make it turn blue or red. Thank you! (It also helps find this page again more easily.)

PDF mobile

rel="author" tags

HTML tags with a rel="author" attribute can be used to identify the author of an article, blog post or other online document. Advantages of adding rel="author" links include:

  • the author's profile photo may appear in Google search engine results
  • a search engine may increase the page rank based on credibility of the author

The rel="author" attribute can be used in three different ways:

Example:

<head>
   <link rel="author"
      href="https://plus.google.com/112416945907493718478/about"
      title="Robert Scoble on Google+"/>
</head>

<a rel="author"> link to author's page

Example:

<p>by <a rel="author"
   href="/author/arthur-conan-doyle.html">Arthur Conan Doyle</a></p>

Example:

<p>by <a rel="author"
   href="https://plus.google.com/112416945907493718478/about"
   title="Robert Scoble on Google+"
>Robert Scoble on Google+
   <img
      src="http://www.google.com/images/icons/ui/gprofile_button-32.png"
      width="32" height="32">
</a></p>

back to top

Author Info in Search Results

How To Get Google+ Profile Picture in Google Search Engine Results

In order for the author's profile photo to appear in Google search engine results, these requirements need to be met:

  1. In the HTML code of the page(s) being indexed by search engines, include a link to the author's profile with a rel="author" attribute and rel=author parameter.
  2. Add a link from the author's profile back to the domain with the rel="author" link(s).
  3. Submit an "Authorship Request" via this Authorship Request form.
  4. Verify that the authorship markup works using the Rich Snippets Testing Tool.
1. Add a rel="author" link
Rules for coding the rel="author" link:
  1. Use the <a href> tag in the <body> section, rather than or in addition to a <link/> tag in the <head> section.
  2. In the <a href> attribute, code either the URL for the author's Google+ profile (ex: ) or the URL for the author's web page on the same domain as the link with the rel="author" attribute
  3. Add a ?rel="author" parameter to the URL in the <a href> attribute.
  4. include a plus sign ("+") at the end of the anchor text, just before the ending </a> tag.
2. Confirm authorship in your Google+ profile

To confirm you are the author and prevent anyone else from claiming you have authored their content, you must link your Google+ profile back to your content.

  1. Go to your Google+ profile.
  2. Click "Edit Profile".
  3. Click "Links".
  4. Click "Add custom URL".
  5. Enter the appropriate information in the "Label" and "URL" fields.
  6. Click "Save".
3. Submit an "Authorship Request"

Go to the Authorship Request form and enter the information requested to submit an "Authorship Request" to Google.

4. Verify that the authorship markup works

Use the Rich Snippets Testing Tool to verify that the authorship markup works.

Google Webmaster Help - Authorship Markup

Matt Cutts and Othar Hansson discuss how to connect authors with their content using authorship markup.

back to top

Valid HTML 5