четверг, 7 июня 2012 г.

Рекомендации Google по оптимизации мобильных сайтов

На блоге Web Master Central сегодня опубликованы рекомендации поисковика по оптимизации мобильных сайтов.Безусловно, эта информация крайне полезна для уроков обучения seo, поскольку количество смартфонов растет и будет увеличиваться.И все большее количество вебмастеров создают мобильные сайты, пытаясь развить бесплатную раскрутку сайта и блога на смартфонах.

Подробно я останавливался на оптимизации сайтов под мобильные устройства несколько ранее.Пока что мобильный трафик невелик по сравнению с поисковым, но имеет тенденцию к увеличению.Если пару месяцев назад за месяц выходило согласно Google Analitics несколько посетителей с мобильных устройств, то сейчас это может доходить до нескольких десятков.Лидируют пользователи планшетника iPad.

Аналитика

Но, если Вы хотите сами посмотреть на рекомендации Google по оптимизации мобильных сайтов, то можно посмотреть здесь.Как сканирует мобильные сайты новый паук для мобильных сайтов GoogleMobile можно получить интересную информацию на блоге для разработчиков и вебмастеров. В целом рекомендации разделены на три основных блока :
  1. Рекомендации по оптимизации мобильных сайтов;
  2. Рекомендации по созданию отзывчивого веб дизайна сайта;
  3. Рекомендации конкретных HTML кодов
О применении атрибута rel="canonical" и рекомендации не закрывать в файле robots.txt CSS, JavaScript и изображения, по - моему, говорить особо не требуется.Это и так понятно и выглядит это так:
<link rel="canonical" href="http://www.example.com/page-1" >
Особые требования к Var HTTP Header  Вашего сайта или блога, который должен выполнять две основные функции:
  • Сигнал к кэшированию серверов, используемых провайдерами
  • Наиболее быстрое обнаружение мобильного контента.
Например:
GET /page-1 HTTP/1.1
Host: www.example.com
(...rest of HTTP request headers...)

HTTP/1.1 200 OK
Content-Type: text/html
Vary: User-Agent
Content-Length: 5710
(... rest of HTTP response headers...)
Не забывайте разделять URL для компьютеров и мобильных устройств.Для компьютеров это будет выглядеть следующим образом:
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >
Для мобильных устройств это будет:
<link rel="canonical" href="http://www.example.com/page-1" >
Остальные моменты есть в моих предыдущих уроках обучения seo.Существуют профессиональные и общедоступные моменты.Пишу и о тех и о других, рассчитывая, что это поможет Вам в бесплатной раскрутке сайта.Особенно это относится к тем, кто работает на перспективу.

Если Вы вспомните, то SMO (Social Media Optimization) тоже была в свое время чем - то фантастическим.Однако сейчас дает существенный прирост трафика и является обязательной для каждого веб мастера.Делайте все по правилам и у Вас не возникнет подобной трагикомичной ситуации...

LinkWithin

Related Posts Plugin for WordPress, Blogger...