Merge branch 'develop' into gh-pages

This commit is contained in:
Marco Biedermann 2015-06-28 02:51:09 +02:00
commit 977f38d9e5
1 changed files with 27 additions and 5 deletions

View File

@ -1,4 +1,7 @@
# [Search Engine Optimization (SEO)](http://marcobiedermann.github.io/search-engine-optimization/)
[![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)
A helpful checklist / collection of Search Engine Optimization (SEO) tips and technics.
## Table of Contents
@ -8,6 +11,7 @@ A helpful checklist / collection of Search Engine Optimization (SEO) tips and te
* [Keywords](#keywords)
* [Content](#content)
* [Images](#images)
* [Videos](#videos)
* [Links](#links)
* [Mobile](#mobile)
* [Sitemap](#sitemap)
@ -33,11 +37,12 @@ A helpful checklist / collection of Search Engine Optimization (SEO) tips and te
* **Redirects:** Avoid redirects if possible. Use 301 redirect instead of 302
* **[Pagination](https://support.google.com/webmasters/answer/1663744):** implement the `rel="next"` and `rel="prev"` attributes to links
* **Moving a website:** redirect all your links to the new location via `.htaccess`
* **Performance:** performance and loading time is important
* **[Performance](https://developers.google.com/webmasters/mobile-sites/mobile-seo/common-mistakes/slow-mobile-pages):** performance and loading time is important
* **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.
## Meta Information
* **Title:** each page shound have a unique speaking title (60 - 100 characters)
@ -62,6 +67,7 @@ search engines do not use this meta tag
* **[Uniqueness](https://www.youtube.com/watch?v=mQZY7EmjbMA):** do not provide duplicated content, use unique content types
* **Length:** article should be at least 300 words
* **Freshness:** new content is important. Updating pages or regulary posting is recommended
* **Flash:** avoid Flash content and flash pages. They are not accessible on mobile phones and will be ranked lower
## Images
* **[File name](https://www.youtube.com/watch?v=h2SWuUobbr0):** use a short descriptive name
@ -71,18 +77,26 @@ search engines do not use this meta tag
* **Size:** keep the filesize as low as possible
* **[Optimization](https://imageoptim.com/):** Optimize images by removing some meta information
## 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
## Links
* **Title:** add a descriptive title to links
* **Title:** add the title attribute to links
* **Backlinks:** Only add external links if you got a backlink to your site
* **[nofollow](https://support.google.com/webmasters/answer/96569):** add `rel="nofollow"` attribute to external links only to prevent spam and bad links
* **Internal links:** add ~3 internal links to your content
* **Naming:** Use a descriptive link name: “Click here” or “Read more” are bad link text. Better “Read more about SEO and Web Accessibility”
## Mobile
* **Viewport:** tell browsers how to adjust the page's dimension and scaling to suit the device
`<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">`
`<meta name="viewport" content="width=device-width, initial-scale=1">`
* **[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
* **[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.
## Sitemap
* **[HTML sitemap](https://www.youtube.com/watch?v=hi5DGOu1uA0):** An HTML sitemap allows site visitors to easily navigate a website.
@ -107,17 +121,18 @@ search engines do not use this meta tag
## Tools & Services
### Webmasters
* **[Google Webmasters](https://www.google.com/webmasters/):** allows webmasters to check indexing status and optimize visibility ot their websites
* **[Google Search Console (GWT)](https://www.google.com/webmasters/):** allows webmasters to check indexing status and optimize visibility ot their websites
* **[Bing Webmasters](http://www.bing.com/toolbox/webmaster):** allows webmasters to add their websites to the Bing index crawler.
### Analytics
* **[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](web.analytics.yahoo.com):** is Yahoo!s alternative to the dominant Google Analytics.
* **[Yahoo Web Analytics](http://web.analytics.yahoo.com):** is Yahoo!s alternative to the dominant Google Analytics.
### 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
### Keywords
* **[AdWords Keyword Tool](https://adwords.google.com/KeywordPlanner):** plan your Search Network campaigns and learn what your customers are looking for
@ -128,3 +143,10 @@ search engines do not use this meta tag
* **[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.
### 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
## License
[![CC0](http://i.creativecommons.org/p/zero/1.0/88x31.png)](http://creativecommons.org/publicdomain/zero/1.0/)