В фейсбуке  В гугле  В твиттере  В контакте  В яндоксе
         

Каталог статей

Главная » Статьи » Поисковое продвижение

HTML5 vs. SEO


HTML5 vs. SEO
HTML5 vs. SEO

Появление новой версии языка разметки страниц HTML5 – это если не революция, то точно огромный скачок в его эволюции. Но что это означает для SEO и сайтовладельцев?


Язык HTML был создан еще в 1990 году, до недавнего времени использовалась его последняя версия – HTML4, которая вышла в свет в 1997 году. Прогресс не стоял на месте, что решалось с помощью различных дополнений от сторонних разработчиков – Java, Flash, Air. Эти надстройки позволили реализовать для пользователей множество технологий и не отставать от прогресса. Но это не являлось выходом из ситуации, и в 2004 году разработчики из группы создания Гипертекстовых Прикладных Технологий в Веб (WHATWG) приступили к работе над новой версией HTML. Стоит отметить, что разработка еще продолжается, но плоды нового стандарта HTML активно внедряются уже сейчас.

Основными целями создания нового стандарта HTML стали внедрение различных технологий средствами самого языка, упрощение кода и возможность создания более интерактивных и функциональных сайтов недорого.

Какие возможности дает HTML5?

Разработчикам удалось создать стандарт, который подразумевает компактизацию кода, что положительно сказывается не только на качестве создаваемых страниц, но и на скорости загрузки: легче код – выше скорость. Отсюда и меньшие требования к аппаратным ресурсам устройства, на котором просматривается страница. Это довольно актуально в том числе и для мобильных устройств.

Отдельно стоит отметить возможность работы страницы без использования дополнительных плагинов. Например, проигрывание видео реализуется с помощью технологий HTML5, а не как в случае 4 версии – с помощью приложения Adobe Flash Player. Это избавляет от установки дополнительных плагинов и повышает совместимость, то есть шанс, что конечный пользователь увидит страницу в полном объеме, выше. Все наиболее распространенные браузеры поддерживают HTML5. Кроме всего прочего приложения, написанные на HTML5, не уступают по функциональности и графическим возможностям обычным приложениям на средствах дополнительных программ, при этом требуя меньше аппаратных ресурсов.

Достоинства нового стандарта налицо, но как обстоит дело с совместимостью? Разработчики учли этот момент – создавая новый код, они делали это таким образом, чтобы устаревшие браузеры «понимали» новый стандарт. Конечно, в полной мере они не могут поддерживать все возможности нового HTML, но все технологии HTML4 корректно работают. Вебмастеры могут не опасаться проблем с совместимостью, создавая сайты на HTML5. Пользователи с устаревшим браузером все равно увидят всю часть страницы, которая поддерживается HTML4. А технологии, недоступные для 4 версии HTML, в таком случае можно продублировать традиционными дополнениями, вроде Java или Flash.

Структура страниц и оптимизация

Одно из основных отличий нового стандарта HTML5 – новый подход к структуре страницы. Сегментация страницы более прозрачна, различные части теперь гораздо легче отделить друг от друга в семантическом смысле. Если раньше использовался тег div, и элементы не были никак обособлены, то теперь элементы несут различную смысловую нагрузку. Для сегментации страницы используются теги header, sidebar, article и footer, которыми выделяются соответствующие блоки.

Это новшество играет определенную роль в оптимизации, и им обязательно надо пользоваться. В чем его преимущество в плане SEO? Сегментированную таким образом страницу гораздо легче понимают поисковые роботы: они сразу видят основную часть, которая несет наибольшую смысловую нагрузку и пропускают менее значительную информацию в футере или хедере при индексации. Также роботу легко выделить информацию об адресе организации, копирайте или логотип компании.

В теге article размещается основной контент страницы, который несет максимальную информационную нагрузку для пользователя, поисковые алгоритмы учитывают это и придают ему максимальное значение. То есть при правильной разметке страницы самый главный контент быстрее будет проиндексирован и будет исключена ошибка, связанная с индексацией ненужных данных.

Тег header служит для размещения логотипа или названия компании, а также для навигационного меню. Поисковый робот быстро извлечет нужную информацию.

Для улучшенной структуризации контента служит тег section, он разбивает страницу на определенные секции, каждая из которых получает свой подзаголовок. Это не только весомый плюс для оптимизации – хорошо структурированные тексты ранжируются выше, – но и дополнительное преимущество для поискового робота. Ему будет куда легче ориентироваться по странице: при индексации паук сможет правильно распределить информацию по значимости.

Обычно футер (подвал) служит для размещения информации о копирайте, конфиденциальности, социальных кнопок и других данных. Поисковые боты при наличии тега footer определяют контент этой области страницы как второстепенный.

Также полезно использовать элемент nav, он дает роботу общую информацию о структуре страницы, выполняет практически ту же функцию, что и карта сайта. Эта мера не дает роботу заблудиться на странице и помогает правильно ее проиндексировать.


На практике код страницы с использованием этих тегов выглядит так:

<section id="gallery">
<header>
<h1></h1>
</header>
...
<footer>
</footer>
</section>

<section id="news">
<header>
<h2></h2>
</header>
...
<footer>
</footer>
</section>

Оформление ссылок

В HTML5 используются различные виды ссылок, атрибутами им можно придать определенное значение:
  • alternate – переход на альтернативный адрес одной и той же страницы;
  • author – ссылка, ведущая на страницу с информацией об авторе;
  • external – ссылка на внешний домен;
  • help – ссылка на страницу помощи;
  • license – ссылка, которая ведет на страницу с информацией об условиях лицензирования;
  • next и prev – ведут на следующие и предыдущие части статьи в случае ее размещения на нескольких страницах. Так поисковику проще будет понять, что информация на страницах связана, следовательно проиндексирована она будет правильно;
  • nofollow – этот атрибут уже многим знаком, он означает то, что страница не подтверждает данную ссылку.
Эти атрибуты хорошо описывают ссылки, поисковый робот правильно их индексирует. Отсутствие ошибок в индексации страниц повышает шансы сайта занять место в ТОПе и облегчает продвижение.

Медиа-файлы в HTML5

В наше время многие сайты просто немыслимы без аудио- и видеоконтента. В новом стандарте HTML реализовано добавление видео- и аудиороликов на страницы. Для этого введены соответствующие атрибуты video и audio. В чем плюс использования этих атрибутов для поисковой оптимизации? Они будут использоваться поисковыми роботами в индексации материалов – например, для поиска по видео «Яндекса» и Google.

Выводы

HTML5 стал настоящим прорывом в истории развития стандарта HTML, и его возможности обязательно нужно использовать при создании страниц и их поисковой оптимизации. Можно с уверенностью сказать, что за HTML5 будущее, о чем говорит благосклонность к нему ведущих поисковых машин, и его надо использовать уже сейчас. Стандарт еще продолжает разрабатываться, в дальнейшем будут доступны новые функции. Надо также отметить, что в рамках развития HTML5 внедряется стандарт семантической разметки. В настоящее время он поддерживается «Яндексом» и настоятельно рекомендуется к использованию.
Категория: Поисковое продвижение | Добавил: wweebb (27.01.2012)
Просмотров: 1259 | Рейтинг: 5.0/1
Восприятие дизайна
Успех во многом зависит от восприятия запоминающегося дизайном сайта, посетителями. Я считаю, что человеческий мозг — это площадка для ведения конкурентной борьбы. “Не нужно забывать, что сознание избирательно относится к поступающей информации: легко воспринимает уже знакомые факты и отбрасывает то, что не соотносится с его предыдущими знаниями и опытом.” Людям сложно запомнить 10 заповедей. Что уж говорить об интернет сайтах, если они занимают в сознании не первое и не второе место. У каждого посетителя существует внутренний рейтинг сайтов каждого дизайна по своему. Я этот рейтинг называю “визуальной лестницей”. Подниматься по такой “лестнице” сайту очень сложно, особенно если не используется стратегия позиционирования. Позиционировать продукт необходимо, отталкиваясь от информации о конкурирующих сайтов, знакомых потребителю.
Стратегия сайта
Человеческое сознание с трудом воспринимает сложные и запутанные идеи. Приведем пример о компании BMW. Переработав идею конкурента — компании Mercedes, которая заявляла о комфортабельности своих машин, BMW сообщила, что ее авто больше подходят для езды, чем для сидения. Тем самым была дискредитирована идея Mercedes. Это один из примеров изменения восприятия потребителей. Частная студия вебмастера «WebMasterSeo» проанализировала работу своих конкурентов и выявила у них определенные слабые места, такие как высокая цена на сайт и Хостинг от uCoz, большие сроки изготовления сайта. Поэтому при разработке своих сайтов Я отказался от всего, что могло бы усложнить разработку сайта. К тому же я смог снизить стоимость сайта и добавил дополнительные модули в базовый пакет. В результате, заказчик получает необходимые услуги и остается довольным, что сделало меня лидером по созданию дешевых сайтов за короткие сроки.
Макросреда компании
Макросреда компании – факторы наиболее общего воздействия, оказывающие влияние на каждую организацию, ведущую маркетинговую деятельность. Данные факторы могут открывать для кампании новые возможности или же стать источником серьезных угроз, на них практически невозможно воздействовать, но их воздействие необходимо учитывать и предугадывать. Макросреда большинства компаний в настоящее время может рассматриваться в составе следующих основных компонентов: экономическая среда, политико-правовая среда, культурная и демографическая среда.


 
доступный сайт 
  Быстро и недорого создам сайт.
  Сайт визитка за один день.
 

доступный сайт
  Доступный сайт для бизнеса.
  Сайт визитка за 10 000 руб.
доступный сайт
  Оптимальное продвижение сайта.
  Вывод в топ Яндекса от трех недель
 



    Торговую марку "WebMasterSeo" представляет ООО "WebMaster Design"

    Студия WebMasterSeo - Частная студия веб мастера (Россия, Москва)
    Создание сайтов. Разработка сайтов. Изготовление веб сайтов.
    Заказать сайт онлайн. Веб-студия web-ms, Москва, Балашиха, Реутов
    Железнодорожный, Кучино, Мытищи, Щелково, Красноармейск.




Адрес: г. Москва, ул. 9-Парковая, д.59. корп.1

Тел.: 8 (926) 222-22-22, Сайт: web-ms.ru
E-Mail: info@web-ms.ru
Служба поддержки: info@web-ms.ru
Онлайн-поддержка: Отвечу сразу


8 (926) 222-22-22