понедельник, 16 января 2012 г.

Как повлияет появление HTML 5 и CSS 3 на бесплатную раскрутку сайта и блога?

Техническое seo все более теряет свое значение.Однако, на сегодняшний день оно имеет еще существенное влияние на наше обучение seo и в целом продвижение в поисковиках.Без него невозможно представить какую-либо оптимизацию тегами.Мы останавливались в подробностях на технических моментах не раз и не два.Но что же нового нам вебмастерам уготовано с введением HTML 5 и CSS 3?

Самое главное, что HTML 5 и CSS 3 заменил не индексируемый и не понятный поисковикам Flash, за красотой которого многие гонятся.Кроме того, ускорилась загрузка сайта или блога в чем заинтересованы как вебмастера, так и обычные пользователи.Осуществляется это путем взаимодействия разных частей сайта, блога, интернет-магазина, на которые они разбиваются.

Более того, используя CSS 3 (каскадные таблицы стилей), можно добиться трансформирования или прозрачности элементов, использовать собственные шрифты для страницы или тени для текстов.Однако имеются определенные огрехи в IE, что мне почему-то не удивительно.Несколько дней тому прошла информация, что в IE не отображается даже Timeline Facebook.

О применении микроформатов или точнее микроданных на основе стандартов Shema.org мы недавно говорили.Все вместе это укладывается в философию WEB 3.0.О новых тегах в НTML 5 мы упоминали вскользь.Более развернуто я дам это сейчас...
  • <article> - Обозначает статью
  • <aside> -  Обозначает содержание отдельное от основного содержания (например, боковая панель)
  • <audio> -  Обозначает аудио  и звуковой контент
  • <canvas> -  Обозначает  графики такие, как диаграммы, графики, карты, рисунки и т.д.
  • <command></command> -  Обозначает командную кнопку, как кнопку, флажок или радиокнопку
  • <datalist> -  Обозначает  DropDownList. Как и в функции автозаполнения
  • <details> -  Обозначает  дополнительные детали элемента
  • <embed></embed> -  Обозначает внешний интерактивный контент или плагин
  • <figure> -  Обозначает  автономный медиа-контент
  • <figcaption> -  Обозначает  заголовок для <figure> теги
  • <footer> -  Обозначает  колонтитул для раздела или страницы
  • <header> -  Обозначает  заголовок раздела или страницы
  • <hgroup> -  Обозначает  информацию о разделе в документе
  • <mark> -  Обозначает помеченные (важный) текст в абзаце.
  • <meter> -  Обозначает  измерения в течение определенного диапазона
  • <nav> -  Обозначает  навигационные ссылки
  • <output> -  Обозначает  результат расчета
  • <progress> -  Обозначает  ход задачи с помощью бара
  • <ruby> - Обозначает аннотации в языке программирования Ruby
  • <rt> -  Обозначает  пояснения аннотациями 
  • </rt><rp> -  Обозначает, что показать браузерах, не поддерживающих динамического и высокоуровнего языка Ruby
  • <section> - Обозначает  раздел
  • <source></source> -  Обозначает  медиа-ресурсы для медиа-элементов
  • <summery> -  Обозначает заголовок в <detail> элемент
  • <time> -  Обозначает  дату / время
  • <video> -  Обозначает видео.
На мой взгляд, тег <article> лучшее дополнение для seo в HTML 5.Теги позволяют отметить отдельные записи в интернет-изданиях, такие как блоги или журналы.Статьи, отмеченные тегами, создают чистый код HTML поэтому это снижает необходимость использования тегов. Кроме того, поисковые системы увеличивают значение текста внутри тега по сравнению с содержанием в других частях страницы.

О сегментации страниц и акценте на семантику мы с вами уже говорили подробно в самостоятельном обучении seo.Была подробная статья раньше о HTML 5 и CSS 3, где в основном описывались нововведения.Что касается, ссылок которые могут повлиять на индексирование страницы в поисковиках.Теги ссылок или элемента <a> следующие:
  1. alternate - альтернативные ссылки на одной и той же странице:
  2. author - ссылки, имеющие отношение к автору
  3. external - ссылки, указывающие на внешние домены
  4. help - ссылки, указывающие на страницу помощи
  5. license - ссылки, ведущие на страницу лицензирования
  6. next - указывает на следующую страницу
  7. preview - указывает на предыдущую страницу
  8. nofollow - команда поисковику, что ссылку не нужно индексировать
Вывод следующий: хотите бесплатно раскрутить сайт или блог - учите хотя бы основы HTML  для того, чтобы заниматься оптимизацией тегов в том числе и для геотаргетинга.Во, закрутил!

Вы еще не уснули?Тогда посмотрите, как две близняшки имитируют зеркало..

LinkWithin

Related Posts Plugin for WordPress, Blogger...