All About HTML Tags

All About HTML Tags

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

http://www.convonix.com/search-engine-optimization/

http://www.convonix.com/search-engine-optimization/

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.


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.


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




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

LANGUAGE TAG

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

All About HTML Tags

Technology

Transcript of All About HTML Tags