“No website can stand without a strong backbone. And that backbone is technical SEO.” — Neil Patel
No matter how well-built and performant the website is, it's pointless if no one can find it on the Internet. Having a great SEO is important for success as well as having a good idea, unique design and awesome performance.
Learning all the ropes and rules of SEO and nailing down the social sharing tags can be a chore. With these snippets, you can set up a basic working SEO markup in just few minutes and fine tune it to perfection afterwards.
These snippets are so awesome, they can:
- Add title, description, sharing tags and canonical link to HTML
<head>
tag - Set a boilerplate
robots.txt
rules - Set a boilerplate
sitemap.xml
rules - Add Google Schema markup
seo:head
Initializes basic SEO tags and social share tags (Facebook, Twitter, etc.). Use these snippet inside HTML <head>
element.
Can be used in HTML and React (JSX and TSX) files.
seo:robots
Initializes basic robots.txt file. It sets up a basic "allow-all" rule. You only need to include hostname and path to a sitemap.xml
file.
Can be used in plaintext files, but it should be used mainly in robots.txt
file.
Initializes XML structure for sitemap. You can duplicate the <loc>
line as much as you need and add your own URL.
Can be used in xml files, but it should be used mainly in sitemap.xml
.
seo:sitemap
Adds some basic snippets for Google Structured Data. These snippets allow Google to better understand the content of your website and display them in a special way on search results page. These need to be used inside HTML <script>
tags.
Can be used in HTML and React (JSX and TSX) files.
seo:schema:[schema-name]