search-engine-optimization/readme.md

155 lines
12 KiB
Markdown
Raw Normal View History

2015-03-01 10:52:51 +00:00
# [Search Engine Optimization (SEO)](http://marcobiedermann.github.io/search-engine-optimization/)
2015-05-20 11:15:41 +00:00
2015-08-02 07:12:31 +00:00
[![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)
2015-05-20 11:15:41 +00:00
[![Join the chat at https://gitter.im/marcobiedermann/search-engine-optimization](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/marcobiedermann/search-engine-optimization?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
2015-05-20 22:22:50 +00:00
2015-02-23 18:26:04 +00:00
A helpful checklist / collection of Search Engine Optimization (SEO) tips and technics.
2015-02-23 17:58:27 +00:00
## Table of Contents
2015-02-23 18:25:33 +00:00
* [URL](#url)
2015-02-25 11:49:15 +00:00
* [Accessibility](#accessibility)
2015-02-24 12:41:16 +00:00
* [Meta Information](#meta-information)
2015-02-23 17:58:27 +00:00
* [Keywords](#keywords)
* [Content](#content)
* [Images](#images)
2015-05-24 20:05:48 +00:00
* [Videos](#videos)
2015-02-23 17:58:27 +00:00
* [Links](#links)
* [Mobile](#mobile)
2015-02-25 11:49:15 +00:00
* [Sitemap](#sitemap)
* [Social Media](#social-media)
2015-02-25 18:47:01 +00:00
* [Tools & Services](#tools--services)
2015-02-23 17:58:27 +00:00
2015-02-24 12:45:20 +00:00
## URL
2015-02-24 13:21:59 +00:00
* **Descriptive URLs:** use a descriptive page url, which should reflect your targeted keyword
2015-02-24 18:58:32 +00:00
* **[Subdomain or subfolder](https://www.youtube.com/watch?v=_MswMYk05tk):** subdomains are seen as separate domains
2015-02-24 22:13:53 +00:00
* **[Hyphens](https://www.youtube.com/watch?v=AQcSFsQyct8):** split words using hyphens
2015-02-24 18:44:52 +00:00
* **[www or no-www](https://support.google.com/webmasters/answer/44231):** provide both domains, but set a prefered version in Google Webmaster Tools
* **[Localisation](https://support.google.com/webmasters/answer/62399):** chookse a country-specific domain, for better local search results
2015-02-24 13:21:59 +00:00
* **[HTTPS](http://googlewebmastercentral.blogspot.be/2014/08/https-as-ranking-signal.html):** Security is a top priority for Google
2015-02-24 18:23:06 +00:00
* **[URL builder](https://support.google.com/analytics/answer/1033867):** Use this tool to add custom compaign parameters to your URLs
2015-02-24 22:00:45 +00:00
* **[File extension](https://www.youtube.com/watch?v=dSG6C33GwsE)**: do not strip out the file extension on URLs
2014-12-18 17:57:45 +00:00
2015-02-25 11:49:15 +00:00
## Accessibility
* **403:** provide a 403 - Access denied page
* **404:** provide a 404 - Page not found page
2015-02-25 11:51:23 +00:00
* **Robots:** block pages which should not be indexed via the `robots.txt` file or
`<meta name="robots" content="">`
2015-02-25 11:49:15 +00:00
* **File not found:** avoid `404 FILE_NOT_FOUND` errors
* **Redirects:** Avoid redirects if possible. Use 301 redirect instead of 302
2015-02-25 11:55:27 +00:00
* **[Pagination](https://support.google.com/webmasters/answer/1663744):** implement the `rel="next"` and `rel="prev"` attributes to links
2015-02-25 11:49:15 +00:00
* **Moving a website:** redirect all your links to the new location via `.htaccess`
2015-05-24 19:57:57 +00:00
* **[Performance](https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/slow-mobile-pages):** performance and loading time is important
2015-02-25 11:49:15 +00:00
* **Validation:** write valid code ([HTML Validator](http://validator.w3.org/) [CSS Validator](http://jigsaw.w3.org/css-validator/))
* **[WAI-Aria](http://www.w3.org/TR/wai-aria/):** use WAI-Aria tags to help machines understanding your code
* **[RichSnippets](http://schema.org/):** markup your code with rich snippets, they show up on the search results page
* **[Custom Search](https://developers.google.com/structured-data/slsb-overview):** with sitelink Google Sitelink search box, people can reach your content more quickly
* **Layout:** Use `divs` instead of `tables` for layout. Using `tables` is semantically not correct.
2015-02-25 11:49:15 +00:00
2015-02-24 12:45:20 +00:00
## Meta Information
2015-02-24 13:24:29 +00:00
* **Title:** each page shound have a unique speaking title (60 - 100 characters)
`<title>Website Title</title>`
2015-02-24 22:13:53 +00:00
* **[Description](https://www.youtube.com/watch?v=W4gr88oHb-k):** each page should have a unique description (max. 160 characters)
2015-02-24 13:24:29 +00:00
`<meta name="description" content="">`
2015-01-06 22:47:00 +00:00
2015-02-24 12:45:20 +00:00
## Keywords
2015-02-24 13:21:59 +00:00
* **Single:** every page shound have a single unique targeted keyword
* **Research:** rank for keywords with high traffic and less competition
2015-02-24 18:58:32 +00:00
* **[URL](https://www.youtube.com/watch?v=rAWFv43qubI):** keyword should appear in URL name
2015-02-24 13:21:59 +00:00
* **Title:** keyword should appear in page title
* **Heading:** keyword should appear in headings
* **Content:** keyword should apear in ~3% of article length
2015-02-25 11:51:23 +00:00
* **[Meta Tag](https://www.youtube.com/watch?v=jK7IPbnmvVU):** you can ommit the `<meta name="keywords" content="">`,
search engines do not use this meta tag
2014-12-18 17:57:45 +00:00
2015-02-24 12:45:20 +00:00
## Content
2015-02-24 13:21:59 +00:00
* **Content:** Content matters the most in SEO
* **Headings:** Clear structure `H1` -` H6` max. 70 characters long
* **Strong:** use `strong` tag to highlight your targeted keyword
2015-02-24 22:13:53 +00:00
* **[Uniqueness](https://www.youtube.com/watch?v=mQZY7EmjbMA):** do not provide duplicated content, use unique content types
2015-02-24 13:21:59 +00:00
* **Length:** article should be at least 300 words
* **Freshness:** new content is important. Updating pages or regulary posting is recommended
2015-05-20 22:30:25 +00:00
* **Flash:** avoid Flash content and flash pages. They are not accessible on mobile phones and will be ranked lower
2014-12-18 17:57:45 +00:00
2015-02-24 12:45:20 +00:00
## Images
2015-02-24 22:13:53 +00:00
* **[File name](https://www.youtube.com/watch?v=h2SWuUobbr0):** use a short descriptive name
2015-02-25 11:55:27 +00:00
* **[Alt tag](https://support.google.com/webmasters/answer/114016):** add an alt-tag this a description of the image (60 - 70 characters)
2015-02-24 13:21:59 +00:00
* **Dimentions:** add the `width=""` and `height=""` attributes to the image
* **[Responsive Images](http://www.w3.org/TR/html-picture-element/):** serve the most optimized image corresponding to the window size
* **Size:** keep the filesize as low as possible
* **[Optimization](https://imageoptim.com/):** Optimize images by removing some meta information
2014-12-18 17:57:45 +00:00
2015-05-24 20:05:01 +00:00
## Videos
* **Controls:** Add controls to playback and control you video
* **Embed:** Allow others to embed you videos
* **Transcriptions:** use transcriptions for indexing, usability & content
* **[Unplayable content](https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/unplayable-content):** Avoid unplayable video content. Use HTML5 `<video>` tag instead of Flash
2015-02-24 12:45:20 +00:00
## Links
2015-05-20 22:26:43 +00:00
* **Title:** add the title attribute to links
2015-02-24 18:19:41 +00:00
* **Backlinks:** Only add external links if you got a backlink to your site
2015-02-25 11:55:27 +00:00
* **[nofollow](https://support.google.com/webmasters/answer/96569):** add `rel="nofollow"` attribute to external links only to prevent spam and bad links
2015-02-24 18:19:41 +00:00
* **Internal links:** add ~3 internal links to your content
2015-05-20 22:26:43 +00:00
* **Naming:** Use a descriptive link name: “Click here” or “Read more” are bad link text. Better “Read more about SEO and Web Accessibility”
2014-12-18 17:57:45 +00:00
2015-02-25 11:49:15 +00:00
## Mobile
* **Viewport:** tell browsers how to adjust the page's dimension and scaling to suit the device
2015-05-20 22:23:47 +00:00
`<meta name="viewport" content="width=device-width, initial-scale=1">`
2015-02-25 11:49:15 +00:00
* **[mobile friendly](http://googlewebmastercentral.blogspot.be/2014/11/helping-users-find-mobile-friendly-pages.html):** mobile optimized sites are marked in search results. Test for [mobile friendly site](https://www.google.com/webmasters/tools/mobile-friendly/)
* **[AppLinks](http://applinks.org/documentation/):** apps that link to your content can then use this metadata to deep-link into your app
* **[Tap targets](https://developers.google.com/speed/docs/insights/SizeTapTargetsAppropriately):** clickable links should not be too small
2015-05-20 22:32:37 +00:00
* **[Smart App Banner](https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/PromotingAppswithAppBanners/PromotingAppswithAppBanners.html):** Safari has a Smart App Banner feature that provides a standardized method of promoting apps on the App Store from a website.
2015-02-25 11:49:15 +00:00
## Sitemap
* **[HTML sitemap](https://www.youtube.com/watch?v=hi5DGOu1uA0):** An HTML sitemap allows site visitors to easily navigate a website.
* **[XML sitemap](https://support.google.com/webmasters/answer/183668):** Help search engines to index your pages
* **[Image sitemap](https://support.google.com/webmasters/answer/178636):** Increase that your images can be found in Image Search results
* **[Video sitemap](https://support.google.com/webmasters/answer/80471):** Make sure, search engines know about all the video content on your site
* **[Mobile sitemap](https://support.google.com/webmasters/answer/6082207):** For feature phones, you can create a mobile sitemap
2015-02-24 12:45:20 +00:00
## Social Media
2015-02-24 18:41:23 +00:00
* **Social Shares:** provide sharing options for your site
2015-02-24 22:15:15 +00:00
* **[Social Profiles](https://developers.google.com/webmasters/structured-data/customize/social-profiles):** add social profiles to your Google search results
2015-02-24 18:41:23 +00:00
* **[OpenGraph](http://ogp.me/):** The Open Graph protocol enables any web page to become a rich object in a social graph.
* **[Facebook](https://developers.facebook.com/docs/sharing/best-practices):** Sharing Best Practices for Websites & Mobile Apps
* **[Twitter](https://dev.twitter.com/cards/getting-started):** with Twitter cards, you can attach photos, videos and media experience to you Tweets
2015-01-06 22:47:00 +00:00
* Authorship information
2015-02-24 18:41:23 +00:00
* **[Google+ Authorship](https://www.youtube.com/watch?v=FgFb6Y-UJUI):** add Google+ authorship information to your page
`<link rel="author" href="https://plus.google.com/u/0/[GOOGLE+ ID]">` or
`<a href="https://plus.google.com/u/0/[GOOGLE+ ID]" rel=author">Google+ Profile</a>` or
`<a href="https://plus.google.com/u/0/[GOOGLE+ ID]" rel=me">Google+ Profile</a>` or
`<a href="https://plus.google.com/u/0/[GOOGLE+ ID]" rel=publisher">Google+ Profile</a>`
2014-12-18 17:57:45 +00:00
2015-02-25 18:46:10 +00:00
## Tools & Services
### Webmasters
* **[Google Search Console (GWT)](https://www.google.com/webmasters/):** allows webmasters to check indexing status and optimize visibility ot their websites
2015-02-25 18:46:10 +00:00
* **[Bing Webmasters](http://www.bing.com/toolbox/webmaster):** allows webmasters to add their websites to the Bing index crawler.
### Analytics
2015-02-25 18:01:03 +00:00
* **[Google Analytics](http://www.google.com/analytics/):** generate detailed statistics about a website's traffic
* **[Piwik](http://piwik.org/):** is an open analytics platform
* **[Yahoo Web Analytics](http://web.analytics.yahoo.com):** is Yahoo!s alternative to the dominant Google Analytics.
2015-02-23 18:40:59 +00:00
2015-02-25 18:46:10 +00:00
### Optimization
* **[PageSpeed Insights](https://developers.google.com/speed/pagespeed/insights/):** Page Speed Insights measures the performance of a page for mobile devices and desktop devices.
* **[feedthebot seo tool](http://www.feedthebot.com/tools/):** displays: domain strength, links, image seo, social counts & mentions, page/technical seo, pagespeed and more.
* **[Webpagetest.org](http://www.webpagetest.org/):** Web Page Test gives you an overall performance waterfall as well as rendering timeline for sites. It also provides critical insight into time to first byte and what could be holding back web page performance
2015-02-25 18:46:10 +00:00
### Keywords
* **[AdWords Keyword Tool](https://adwords.google.com/KeywordPlanner):** plan your Search Network campaigns and learn what your customers are looking for
* **[Google Trends](http://www.google.com/trends/):** explore Google trending search topics with Google Trends.
### Structured Data
* **[Google+ Snippet Creator](https://developers.google.com/+/web/snippet/):** customize the snippet people see when your page is shared.
* **[Structured Data Testing Tool](https://developers.google.com/structured-data/testing-tool/):** past in you rich snippets or url to test it
* **[Twitter card validator](https://cards-dev.twitter.com/validator):** Enter the URL of the page with the meta tags to validate
* **[Facebook Debugger](https://developers.facebook.com/tools/debug):** Enter the URL you want to scrape to see how the page's markup appears to Facebook.
2015-06-29 14:32:21 +00:00
* **[Pinterest](https://developers.pinterest.com/rich_pins/validator/):** Validate your Rich Pins and apply to get them on Pinterest
2015-05-20 22:28:41 +00:00
### Bookmarklets
* **[OuiSEO](https://github.com/carlsednaoui/seo-bookmarklet):** An open-source bookmarklet that shows you on-page SEO and social meta data information.
* **[SEO Bookmarklet](http://twkm.ca/projects/seo-bookmarklet):** A One-Stop SEO Bookmarklet to Quickly Review On-Site SEO
2015-06-28 00:41:21 +00:00
## License
[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)