Skip to content

Instantly share code, notes, and snippets.

@jeffsmonteiro
Created August 31, 2016 19:16
Show Gist options
  • Save jeffsmonteiro/1ed066b7ea4a06506f09437e1f66c3df to your computer and use it in GitHub Desktop.
Save jeffsmonteiro/1ed066b7ea4a06506f09437e1f66c3df to your computer and use it in GitHub Desktop.
SEO Basic Checklist
SEO Checklist
Meta Title - Max. 70 chars
<title>Title of page or Article</title>
Meta Description - Max 160 chars
<meta name="description" content="Some words about the page or the article">
Meta Keywords - Optional
<meta name="keywords" content="HTML,CSS,XML,JavaScript">
Meta Author
<meta name="author" content="Name of the Author">
<link rel=”author” href=”https://plus.google.com/[YOUR PERSONAL G+ PROFILE HERE]”/>
Canonical url
<link rel="canonical" href="http://urlofsite.com/page.html" />
OPEN GRAPH
og:title
<meta property=”og:title” content=”Title of Page or Article”/>
og:type
<meta property=”og:type” content=”article”/>
og:image
<meta property=”og:image” content=”http://urlofsite/some-thumbnail.jpg”/>
og:url
<meta property=”og:url” content=”http://urlofsite.com”/>
og:description
<meta property=”og:description” content=”Some words about the page or article”/>
TWITTER
twitter:card
<meta name=”twitter:card” content=”summary”>
twitter:url
<meta name=”twitter:url” content=”http://urlofsite/page.html”>
twitter:title
<meta name=”twitter:title” content=”Title of Page or Article”>
twitter:description
<meta name=”twitter:description” content=”Some words about the page or article”>
twitter:image (will be displayed with 60x60 pixels)
<meta name=”twitter:image” content=”http://urlofsite/some-thumbnail.jpg”>
IMPORTANT
Sitemap.xml
Provide a sitemap.xml on root folder of your site. This is very important for Google Search Console
More and how to: http://www.sitemaps.org/protocol.html
Robots.txt
Provide a robots.txt file on root folder of your site.
More and how to: https://developers.google.com/webmasters/control-crawl-index/docs/robots_txt
Googles
Create an account in Google Analytics and Google Search Console. These two tools will help you to
understand the access flow of your website and to fix common issues.
HTML Basics
1. Just one H1 tag per page
2. All images need to have the attribute alt (uses to describe the image content)
3. All links need to have the attribute title (uses do describe what will be displayed)
4. Try to create a semantic HTML build your code into a hierarchy context. Ex:
<section>
<article>
<head>
<h1>Title</h1>
<p>Author</p>
<p>Date</p>
<p>Resume</p>
</head>
<content>
<p>The content</p>
<h2>Subtitles</h2>
<p>sub contents</p>
</content>
<footer>
<a>Author Profile</a>
<h3>Comments</h3>
<p>the comments</p>
</footer>
</article>
</section>
<section>
<a>Related Links</a>
</section>
HTML PROS
1. Use Sechema.org to provide microdata for your content
More and how to: https://schema.org/docs/gs.html
2. Make a responsive website
More and how to: http://www.w3schools.com/html/html_responsive.asp
3. Try to validate your code on W3C
Try on: https://validator.w3.org/
4. Use server cache and optimize your content (compress images, html and minify js and css files)
More: search for cache on your web server technology documentation
5. Use a SSL certificate
Some cases, if your choose to use a SSL certificate may you can not use cache
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment