all about html tags

Post on 15-May-2015

80.929 Views

Category:

Technology

8 Downloads

Preview:

Click to see full reader

DESCRIPTION

Shalaka Pawar, who works on SEO with us, will take you through the importance of canonical & other HTML tags to solve duplicate content issues on your website. Through this presentation, she has outlined how canonical tags need to be implemented, which pages need them & where on a page are you supposed to add canonical tags. It will also give you different scenarios that may be prevalent on your or your client’s website and how you can make canonical & language tags work with them.

TRANSCRIPT

All About HTML Tags

Created By: Shalaka Pawar, APM, Search Engine Optimization @Convonix

CANONICAL TAG

http://www.example.com/product.php?item=swedish-fish

http://www.example.com/product.php?item=swedish-fish&category=gummy-candy

http://www.example.com/product.php?item=swedish-fish&trackingid=1234&sessionid=5678

Place in the <head> section

<link rel="canonical" href="http://www.example.com/product.php?item=swedish-fish" />

HTML TAG

http://www.example.com/product.php?item=swedish-fish&category=gummy-candy

http://www.example.com/product.php?item=swedish-fish&trackingid=1234&sessionid=5678

MORE ABOUT CANONICAL Is rel="canonical" a hint or a directive

It's a hint that Google honors strongly. This tag is taken into preference along with other signals Google considers

Can I use a relative path to specify the canonical, such as <link rel="canonical" href="product.php?item=swedish-fish" />

Yes, relative paths are recognized as expected with the <link> tag. Also, if you include a <base> link in your document, relative paths will resolve according to the base URL.

MORE ABOUT CANONICAL

Is it okay if the canonical is not an exact duplicate of the content

Slight differences are accepted. E.g. a sort functionality on the page will display different versions of the content

What if the rel="canonical" returns a 404

Google will continue to index your content , However its is recommend that you specify existent URLs as canonicals.

MORE ABOUT CANONICAL

What if the rel="canonical" hasn't yet been indexed

Like all public content on the web, Google will discover and crawl a designated canonical URL . As soon as it is indexed, the rel="canonical" hint will be considered.

Can rel="canonical" be a redirect

Yes, you can specify a URL that redirects as a canonical URL. Google will then process the redirect as usual and try to index it.

MORE ABOUT CANONICAL

What if I have contradictory rel="canonical" designations

Google can follow canonical chains, but its is strongly recommended that you update links to point to a single canonical page to ensure optimal canonicalization results.

Can this link tag be used to suggest a canonical URL on a completely different domain

The answer is yes! Google now support a cross-domain rel="canonical" link element

CANONICAL HEADER

RESPONSE TAG

http://www.example.com/white-paper.pdf

http://www.example.com/white-paper.html

GET /white-paper.pdf HTTP/1.1Host: www.example.com(...rest of HTTP request headers...) HTTP/1.1 200 OKContent-Type: application/pdfLink: <http://www.example.com/white-paper.html>; rel="canonical"Content-Length: 785710(... rest of HTTP response headers...)

CODE REQUIRED

PREV & NEXT TAG

PAGINATION

WHERE CAN WE FIND PAGINATION?

http://www.example.com/article?story=abc&page=1

http://www.example.com/article?story=abc&page=2

http://www.example.com/article?story=abc&page=3

http://www.example.com/article?story=abc&page=4

URL OF A PAGINATED PAGE

HTML TAG

On the first page, http://www.example.com/article?story=abc&page=1, you’d include in the<head> section:<link rel="next" href="http://www.example.com/article?story=abc&page=2" />

On the second page, http://www.example.com/article?story=abc&page=2:<link rel="prev" href="http://www.example.com/article?story=abc&page=1" /><link rel="next" href="http://www.example.com/article?story=abc&page=3" />

On the third page, http://www.example.com/article?story=abc&page=3:<link rel="prev" href="http://www.example.com/article?story=abc&page=2" /><link rel="next" href="http://www.example.com/article?story=abc&page=4" />

And on the last page, http://www.example.com/article?story=abc&page=4:<link rel="prev" href="http://www.example.com/article?story=abc&page=3" />

WHAT IF I HAVE A “VIEW ALL” PAGE

CANONICAL AGAIN!

WHAT IF I DON’T PREFER “VIEW ALL”

SYNDICATION AND ORIGINAL

SOURCE

<meta name="syndication-source" content="http://www.publisherX.com/wire_story_1.html">

<meta name="original-source" content="http://www.example.com/burglary_at_watergate.html">

HTML TAG

<link rel="syndication-source" href="http://www.publisherX.com/wire_story_1.html"/>

LANGUAGE TAG

<meta http-equiv="content-language" content="en-US">

<meta http-equiv=“content-language" content= "fr">

HTML TAG

Language Representation

Arabic ar

English (United States) en-US

English (United Kingdom) en-GB

Hindi hi

Marathi mr

Polish pl

Spanish es

ALTERNATE TAG

http://en.example.com/javier-lopezeither

<link rel="canonical" href="http://es.example.com/javier-lopez" />

http://fr.example.com/javier-lopezeither

<link rel="canonical" href="http://es.example.com/javier-lopez" />

http://es.example.com/javier-lopezis

<link rel="alternate" hreflang="en" href="http://en.example.com/javier-lopez" />

and<link rel="alternate" hreflang="fr" href="http://fr.example.com/javier-lopez" />

HTML TAG

top related