HTML для целей SEO

20 мая 2010 года.

Скоро начнётся очередное, уже 6-ое занятие на курсах по оптимизации. В этот раз затронем тему HTML с точки зрения поискового оптимизатора.

До начала занятия хочу написать свои мысли по этому поводу, что-бы потом сравнить с полученными данными.

Итак. HTML с точки зрения SEO

Во первых HTML должен быть валидным. Проверяем валидатором от w3. Не лишним будет провалидировать и ленты новостей (RSS) и стили CSS и даже xml от карты сайта.

Для всех форматов существуют соответствующие проверялки, которые гуглятся на раз-два-три.

Во вторых нужно стремиться заполнять альты и дескрипшины картинок, присутствующих на сайтах. Рано или поздно они повсплывают в соответствующих разделах поисковых систем.

На странице должен присутствовать только один тег <H1> и он должен отражать то, что присутствует на странице далее. В обязательном порядке следует заполнять заголовок страницы <title>, который так-же должен быть в единственном экземпляре. Длина тайтла рекомендуется в районе до 65 символов. Ходят слухи, что конец более длинных тайтлов теряется поисковиками, но они опровергаются проведёнными сеошниками экспериментами.

На сайте не должно быть дохлых ссылок. Все ссылки должны куда-либо вести. Анкоры ссылок имеют значение для поисковиков, поэтому старайтесь там вбивать нормальные человеческие тексты, а не любый многими "читать далее" или "more".

Обязательно нужно заполнять служебные поля HTML, так называемые <meta>, которые размещаются в разделе <head> страницы.

Теперь более подробно про <meta> и ему подобные

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

  • <title>SEOДЁР - блог про seo и курсы по продвижению сайта</title> - это заголовок страницы. Должен быть и отражать содержимое страницы
  • <meta http-equiv="content-type" content="text/html;charset=utf-8" /> - указывает на кодировку страницы, если посетитель не понимает header, который ему отсылает сервер. 
  • <meta name="description" content="Блог начинающего SEO Coder'a - главная страница на которой рассказывается про цели и задачи сайта. Этот сайт про seo вообще и обучение продвижению сайтов на курсах seo. Страница 1 из 2." /> - тег с описанием страницы. Довольно часто информация из него попадает в снипет SERP'а. Также должен отражать реальное содержимое страницы.
  • <meta name="keywords" content="SEO курсы,Главная,Продвижение,SEO,Сайт" /> - В настоящее время почти никто из поисковиков не использует - я применяю этот тег для своих личных целей и использую для формирования облака тегов сайта. На некоторых своих проекта он используется для формирования блока "Похожие материалы" или "См. также"
  • <meta name="robots" content="index,follow" /> - управляет поведением поискового робота на странице. Более подробная информация описана в помощи для вебмастеров от поисковиком или просто гуглится по названию тега.
  • <link rel="canonical" href="/" /> - каноническая ссылка страницы. Указывает поисковикам настоящий адрес страницы, если она вдруг каким-то образом показалась по другому адресу. Для главной страницы моего сайта я таким образом сливаю в одну 3 одинаковые.
    Это главная - /, страница русского языка - /ru/ и первая страница модуля новостей на главной - /ru/1/
    К сожалению это пока для Яндекса не работает и нужно заморачиваться с robots.txt или 301-ми редиректами.
  • <meta name="geo.position" content="53.908674; 27.575206" />
    <meta name="geo.placename" content="Дмитрий, SEO, Минск, Беларусь" />
    <meta name="geo.region" content="by-mi" />
    Группа гео-тэгов, которые сообщали всем, кому это интересно, где расположен сайт. Начал их применять пару лет назад и по инерции они у меня живут.
    Возможно реальную ценности они уже потеряли, но пускай будут.
    Добавлено: Google не использует для геотаргетинга ни метатеги расположения (например, geo.position или distribution), ни атрибуты HTML. Источник.

Ну вот вроде и всё.

Хотя нет, не всё - есть ещё такое понятие как вёрстка для поисковиков - с её помощью пытаются основной контент подтянуть максимально близко к началу страницы. А весь хлам, с точки зрения поисковиков, запихивают ближе к концу. Обычно туда прячут меню и разные блоки в сайдбарах.

Элементы этой вёрстки применены и на моём сайта. Только самое верхнее меню и правый сайдбар несколько портит картину.

Вот теперь точно всё. Начинаю собираться как занятие и вечером отпишусь как прошло.

Занятие №6. HTML для SEO

20 мая 2010 года.
Ведёт: seo-специалист ARTOX media Кулинич Сергей

Начало занятия я слегка пропустил по организационным причинам, но походу ничего важно не потерял. Тока уже уходя с занятия вспомнил, что я должен был выполнить тест - пришлось вернуться, а это, как говорят, плохая примета. Зато не подпортил статистику своей группе.

Кстати о статистике - мы опять на первом месте с количеством балов 39.01. Как говориться - даёшь боулинг!!!

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

По грусти в глазах товарищей читалось, что всё это они  уже знают. Мой опрос показал что технологией в нашей группе не владеет лишь один человек. Но план есть план и его пришлось выполнить.

Однако, как только начали задавать Сергею и друг другу вопросы, всю грусть-тоску как ветром сдуло - занятие в целом получилось очень продуктивным.

Лично я узнал наконец отличие <b> от <strong> и <i> от <em> - первые используются чисто для красоты, а вторые для семантической вёрстки и подлежат применению внутри контента страницы. Попутно поговорили про полезность и бесполезность title для тэгов <a> и <img> и пришли к выводу, что нужно их использовать.

Попутно я озадачил кого-то из сотрудников Artox проведением эксперимента над картинками. Суть идеи в попытке использования мета информации изображений в целях поискового продвижения.

Вкратце затронули тему вёрстки - табличная али на дивах. Я табличную стараюсь не использоваться и для меня вопрос давно решён: в талбицах пускай живут собственно таблицы, а всю основную красоту сайта нужно делать на div'ах что-бы иметь возможность гибко рулить внешним видом в случае такой необходимости.

Уделили некоторое внимание инструментам для работы с HTML. Как и ожидалось это оказался мой любимы FireBug - плагин для FireFox. Но я посоветовал-бы его дополнить еще парой плагинчиков - это Page Speed и HTTP Resource Test. Последний хоть и продублирован в FireBug, но на мой розум попроще будет и должен быть.

Так-же отмечу програмку от Microsoft, которой я пользуюсь уже с пару месяцев. Софтинка называется Search Engine Optimization (SEO) Toolkit 1.0 и входит в комплект бесплатных утилит для IIS. Единственное условие - белый windows, что у меня и оказалось :)

Добыть программу можно с сайта Microsoft Web Platform в комплекте с прочими полезными или не очень софтинами, которые так-же бесплатны и при желании их можно и не устанавливать. При случае напишу на неё обзор - уж очень она мне понравилась :)

Если уж коснулся средств для разработчика, то хотел-бы отметить подвижки Microsoft в этой области - нажмите кнопку F12 в последнем их браузере - у меня это IE8 - вылезет очень даже неплохой тул. По крайней мере косяки IE теперь можно попытаться отловить в их родном детище.

Новым инструментом для меня был сайт webo.in, который продаёт что-то для ускорения работы сайта, в котором есть и бесплатная составляющая для проверки скорости работы, которая проверяет сайт, даёт очень толковые советы и предлагает повесить свой баннер (видимо в целях ускорения работы моего сайта :)

Плюс мои убеждения, опубликованные в начале данного материала подтвердились, чему я искренне рад :)
Ну по крайней мере с озвученным на занятии не было явных противоречий...

Домашнего задания как-то не случилось. Возможно из-за объёма предыдущего и неоднозначности темы: для новичков HTML освоить за один урок не реально, а матёрые кодеры могут просто лопнуть от смеха и курсы лишатся слушателей :)

 

И по уже сложившейся традиции прикрепляю внизу страницы состояние продвижения моего учебного запроса на 20 мая 2010 года. Как видно из сринов поисковиков в Яндексе всех моих товарищей-конкурентом унесло с первой страницы. В гугле я аж на 4-ой позиции. В белорусский интернет пока никто не прорвался - скорее всего из-за того, что сайтам Яндекс ещё не присвоил регион.

 

Предыдущее занятие: Занятие №5, Выбор ключевиков для продвижения конкретного сайта. 18 мая 2010 года.
Следующее занятие: Занятие №7, Содержимое сайта, копирайтинг и биржи копирайтинга. 25 мая 2010 года.
Оглавление: Курсы поисковой оптимизации.

Тэги:

description FireBug HTML keywords meta Microsoft SEO SEO курсы Вёрстка Занятие Инструментарий

RSSAdd to Google

Обсуждение:

Как вам материальчик? *



















Тема:

Мысль:

Как звать-то:

Почта:

PS: Комментарии публикуются только после проверки модератором.

PPS: E-mail'ы не публикуются.

* обязательные поля