all about html tags
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
![Page 1: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/1.jpg)
All About HTML Tags
Created By: Shalaka Pawar, APM, Search Engine Optimization @Convonix
![Page 2: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/2.jpg)
CANONICAL TAG
![Page 3: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/3.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/4.jpg)
![Page 5: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/5.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/6.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/7.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/8.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/9.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/10.jpg)
CANONICAL HEADER
RESPONSE TAG
![Page 11: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/11.jpg)
http://www.example.com/white-paper.pdf
http://www.example.com/white-paper.html
![Page 12: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/12.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/13.jpg)
PREV & NEXT TAG
![Page 14: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/14.jpg)
PAGINATION
![Page 15: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/15.jpg)
WHERE CAN WE FIND PAGINATION?
![Page 16: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/16.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/17.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/18.jpg)
WHAT IF I HAVE A “VIEW ALL” PAGE
![Page 19: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/19.jpg)
CANONICAL AGAIN!
![Page 20: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/20.jpg)
WHAT IF I DON’T PREFER “VIEW ALL”
![Page 21: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/21.jpg)
SYNDICATION AND ORIGINAL
SOURCE
![Page 22: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/22.jpg)
<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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/23.jpg)
LANGUAGE TAG
![Page 24: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/24.jpg)
<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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/25.jpg)
ALTERNATE TAG
![Page 26: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/26.jpg)
![Page 27: All About HTML Tags](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/27.jpg)
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](https://reader033.vdocument.in/reader033/viewer/2022061523/5555d42cd8b42a711f8b4ba7/html5/thumbnails/28.jpg)