update mobile section

This commit is contained in:
Marco Biedermann 2015-02-24 23:55:59 +01:00
parent 928746cdf6
commit 06543d54e1

View File

@ -12,7 +12,6 @@ A helpful checklist / collection of Search Engine Optimization (SEO) tips and te
* [Sitemap](#sitemap)
* [Errors and access](#errors-and-access)
* [Performance](#performance)
* [UX](#ux)
* [Mobile](#mobile)
* [Validation and accessibility](#Validation-and-accessibility)
* [Search](#search)
@ -98,20 +97,12 @@ A helpful checklist / collection of Search Engine Optimization (SEO) tips and te
* if possible no redirects
* compress images ([ImageOptim](https://imageoptim.com/))
## UX
* User friendly site
* clickable links should not be too small
## Mobile
* add viewport tag
```
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0">
```
* create a mobile-friendly site ([shown in search results](http://googlewebmastercentral.blogspot.be/2014/11/helping-users-find-mobile-friendly-pages.html))
* [Mobile-Friendly Test](https://www.google.com/webmasters/tools/mobile-friendly/)
* [AppLinks](http://applinks.org/documentation/)
* **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">`
* **[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
## Validation and accessibility
* Write valid markup ([HTML Validator](http://validator.w3.org/) [CSS Validator](http://jigsaw.w3.org/css-validator/))