Download - All About HTML Tags

Transcript
Page 1: All About HTML Tags

All About HTML Tags

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

Page 2: All About HTML Tags

CANONICAL TAG

Page 3: All About HTML Tags

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

Page 4: All About HTML Tags
Page 5: All About HTML Tags

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

Page 6: All About HTML Tags

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.

Page 7: All About HTML Tags

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.

Page 8: All About HTML Tags

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.

Page 9: All About HTML Tags

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

Page 10: All About HTML Tags

CANONICAL HEADER

RESPONSE TAG

Page 11: All About HTML Tags

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

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

Page 12: All About HTML Tags

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

Page 13: All About HTML Tags

PREV & NEXT TAG

Page 14: All About HTML Tags

PAGINATION

Page 15: All About HTML Tags

WHERE CAN WE FIND PAGINATION?

Page 16: All About HTML Tags

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

Page 17: All About HTML Tags

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" />

Page 18: All About HTML Tags

WHAT IF I HAVE A “VIEW ALL” PAGE

Page 19: All About HTML Tags

CANONICAL AGAIN!

Page 20: All About HTML Tags

WHAT IF I DON’T PREFER “VIEW ALL”

Page 21: All About HTML Tags

SYNDICATION AND ORIGINAL

SOURCE

Page 22: All About HTML Tags

<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"/>

Page 23: All About HTML Tags

LANGUAGE TAG

Page 24: All About HTML Tags

<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

Page 25: All About HTML Tags

ALTERNATE TAG

Page 26: All About HTML Tags
Page 27: All About HTML Tags

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

Page 28: All About HTML Tags

Top Related