61 способ улучшить SEO вашего сайта

Недавно мы закончили курс по SEO в Нетологии и составили для себя чек-лист того, что обязательно нужно сделать на сайте «Я люблю ИП» для поисковой оптимизации. Но эти советы универсальны для любого проекта. В статье вы найдёте список практических рекомендаций со всего курса из 13 лекций от 8 разных специалистов, а также полезные ссылки и сервисы, которые помогут вам улучшить SEO вашего сайта.

 

Для кого эта статья:

 

  • для веб-дизайнеров и разработчиков, которые хотят создавать сайты, изначально оптимизированные под SEO,
  • для владельцев интернет-ресурсов, которые хотят самостоятельно разобраться в SEO, чтобы увеличить поисковый траффик.

 

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

Работы по SEO в основном состоят из 5 этапов:

 

  1. Технический аудит сайта.
  2. Аудит коммерческих факторов.
  3. Подбор семантического ядра.
  4. Внутренняя и внешняя оптимизация сайта.
  5. Наращивание ссылочной массы.

 

Технический аудит сайта

 

1) Проверьте, все ли страницы сайта находятся в поиске:

 

  • по количеству результатов в поиске (в Google — при помощи site:site.ru, в Яндексе — при помощи host:site.ru),
  • в Яндекс.Вебмастер (Индексирование → Страницы в поиске) или в Google Search Console (Индекс Google → Статус индексирования).

 

2) Проверьте наличие дублей на сайте. Дубли — это страницы с одинаковым содержанием, но с разными URL. Дубли могут быть полные (если контент совпадает на 100 %) или частичные (с высоким % совпадения). Дубли страниц необходимо удалять.

 

3) Проверьте наличие пустых страниц (которые не содержат контента). Пустые страницы можно:

 

  • удалить,
  • закрыть от индексации (в файле robots.txt, см. ниже),
  • наполнить контентом.

 

4) Проверьте наличие мусорных страниц (которые не содержат полезного контента). Мусорные страницы можно:

 

  • закрыть от индексации,
  • сделать полезными.

 

5) Проверьте наличие файла robots.txt. Это текстовый файл в корневой директории сайта, который содержит специальные инструкции для поисковых роботов. Подробнее см. справку Яндекса и Google. Размер файла не должен превышать 32 КБ.

 

6) В файле robots.txt можно указать общие правила для всех поисковых систем и отдельно для Яндекса. В правилах для Яндекса должна быть дополнительно указана директива Host (главное зеркало вашего сайта с www или без) и директива Sitemap с ссылкой на карту вашего сайта. Проверить файл robots.txt можно в Яндекс.Вебмастере.

User-agent: *
Disallow: /contacts/
Sitemap: http://www.iloveip.ru/sitemap.xml

User-agent: Yandex
Disallow: /contacts/
Host: www.iloveip.ru
Sitemap: http://www.iloveip.ru/sitemap.xml

Пример файла robots.txt с нашего сайта

 

7) Проверьте наличие файла sitemap.xml. Это аналог карты сайта, предназначенный специально для поисковых роботов. Подробнее см. справку Яндекса и Google. Создать карту сайта можно по ссылке. Проверить файл sitemap.xml можно в Яндекс.Вебмастере.

 

8) Проверьте наличие «битых» ссылок (ссылок на несуществующие или недоступные страницы). Необходимо удалять все битые ссылки, как внешние, так и внутренние. Проверить битые ссылки можно в программе Screaming Frog SEO Spider Tool (загружается на компьютер, есть бесплатная версия) или онлайн с помощью инструмента Технический анализ от SeoWizard (сервис платный). Также битые ссылки можно проверить в Яндекс.Вебмастере: Индексирование → Статистика обхода (см. HTTP код 404).

 

9) Проверьте наличие редиректов на сайте. Виды редиректов:

 

  • 301 — запрошенный документ окончательно перенесен на новый URL,
  • 302 — запрошенный документы временно доступен по другому URL.

 

Редиректами лучше не злоупотреблять, так как наличие на страницах сайта ссылок, ведущих на страницы с редиректом, способствует «утере» ссылочного веса.

 

Проверить можно в Яндекс.Вебмастере: Индексирование → Статистика обхода (см. HTTP код страницы).

 

10) Проверьте скорость загрузки сайта (должна быть менее 3 сек). Это один из важных факторов, который влияет на ранжирование сайта поисковыми системами. Проверить можно с помощью Google PageSpeed или в Google Search Console (Сканирование → Статистика сканирования → Время, затраченное на загрузку страницы).

 

11) Настройте ошибку 404 для удалённых или несуществующих страниц. Это можно сделать в файле .htaccess. Подробнее см. справку Яндекса.

 

12) Проверьте ответы сервера и файл .htaccess. Наиболее частые ошибки, которые встречаются:

 

  • Доступны обе версии сайта с www и без (например, site.ru и www.site.ru). Это плохо влияет на индексацию, так как поисковик старается исключать дубли и может выбрать в качестве оригинала совсем не ту страницу, которую вы продвигаете.
  • Отсутствуют редиректы для страниц со « /» на конце и без него. Если страницы сайта без слэша на конце и со слэшем отдают ответ сервера 200 (страница доступна), то попадая в индекс поисковых систем они представляют собой полные дубли.

 

13) Проверьте правильность URL. Неконечные страницы (разделы, подразделы) должны содержать «/» на конце URL, а конечные страницы (страницы товаров, статей) не должны содержать «/». Но применять этот формат рекомендуется только к новым страницам, так как для старых это приведёт к потере возраста документа.

 

14) Старайтесь использовать «ЧеловекоПонятныеУРЛы» (сокращенно «ЧПУ») или красивые и дружественные адреса URL. Пример отсутствия ЧПУ: yoursite.net/viewpage.php?page_id=23. Основные рекомендации:

 

  • можно использовать иностранные слова (/contacts/) или транслит (/kontakty/),
  • в качестве разделителя между словами используйте дефис «-»,
  • между разделителями «/» в адресе URL должно быть не более 2–3 слов,
  • длина URL не должна превышать среднее значение по конкурентам.

 

15) Соблюдайте иерархию папок в URL. Например:

 

site.ru/название-раздела/назавание-подраздела/конечная-страница

 

Это поможет Яндексу составить навигационные цепочки и отразить их в сниппете вашего сайта при выдаче в поиске. Подробнее см. справку Яндекса.

 

16) Проверьте отображение сайта на мобильных устройствах. Это можно сделать в Яндекс.Вебмастере (Инструменты → Проверка мобильных страниц) или в Google Search Console.

 

17) Укажите в head кодировку страниц meta charset=«utf-8».

 

18) Проверьте наличие и уникальность тегов title, description и h1 на каждой странице.

 

19) Тег title должен быть максимально близко к началу head.

 

20) Старайтесь добавить в тег title все ключевые слова, при этом самое популярное ключевое слово должно быть ближе к началу тега.

 

21) Максимальная длина тега title — 150 символов, оптимально — 60 символов.

 

22) В теге title не должны повторяться одинаковые слова (максимум не более 2 раз), можно использовать синонимы, близкие слова или другие слова из запросов. Например: Займ в банке под залог комнаты. Получить кредит под залог комнаты в Москве.

 

23) Для разделения разных фраз в теге title (например, названия страницы и сайта) используйте символ «|».

 

24) Тег description не влияет на ранжирование сайта прямо, но поисковые системы могут использоваться его содержимое для сниппета сайта при выдаче.

 

25) Длина description может быть от 100 до 250 символов, оптимально — 155 символов. Обычно это одно-два осмысленных предложения для описания страницы, включая поисковые запросы.

 

26) Укажите в head метаданные по Open Graph Protocol для правильного представления сайта в социальных сетях.

 

27) Добавьте в корневую директорию фавикон сайта.

 

28) Стили и скрипты должны загружаться в head отдельными файлами.

 

29) На странице может быть только один заголовок h1.

 

30) Заголовок h1 не должен копировать title.

 

31) Заголовок h1 может содержать от 1 до 7 слов и должен включать точное вхождение главного поискового запроса. Например: Займ под залог комнаты.

 

32) Старайтесь не использовать вложенные теги в теге h1 (например, span, em, a href и т. д.).

 

33) Соблюдайте последовательность заголовков h2-h6 и включайте в них остальные ключевые слова. Теги h2-h6 должны использоваться только для разметки SEO-текстов.

 

34) Используйте семантическую вёрстку (для параграфов — p, а не div), старайтесь включать ключевые слова в списки, таблицы, картинки (теги alt, title), выделения (em, strong).

 

35) Атрибуты alt и title для картинок должны отличаться. Alt — это альтернативный текст для картинки, если она не загрузилась. Title — это заголовок картинки, который всплывает при наведении на картинку, а также выходит в поиске.

 

36) Добавьте на сайт микроразметку Shema.org. Валидатор микроразметки в Яндекс.Вебмастере.

 

37) Если вы планируете переезд сайта на https, почитайте эту статью.

 

Аудит коммерческих факторов

 

38) Коммерческие факторы важны для коммерческих сайтов.

 

39) На сайте должны присутствовать контакты:

 

  • телефоны,
  • онлайн-консультант,
  • обратный звонок,
  • адрес, схема проезда,
  • график работы.

 

40) Разместите на сайте юридическую информацию:

 

  • договор-оферту, условия оказания услуг,
  • реквизиты компании,
  • условия обмена/ возврата,
  • условия доставки.

 

41) Разместите на сайте ассортимент:

 

  • прайс-лист,
  • количество товаров в наличии,
  • скидки, акции.

 

42) Добавьте информацию, которая вызывает доверие:

 

  • отзывы,
  • портфолио (примеры работ),
  • видео,
  • вакансии.

 

43) Разместите электронную почту на своём домене (например, info@site.ru).

 

44) Если на сайте публикуются новости, следите за их обновлением.

 

45) В копирайте (с) укажите текущий год.

 

46) Стремитесь, чтобы дизайн сайта был современным и адаптированным для мобильных устройств.

 

Подбор семантического ядра

 

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

 

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

 

  • Навигационные (брендовые) запросы — поиск конкретного сайта или места в сети интернет. Обычно по таким запросам сайты находятся на первом месте, и продвижение не нужно.
  • Информационные запросы — поиск информации, неважно на каком сайте (например, как лечиться от простуды).
  • Транзакционные запросы — пользователь хочет совершить какое-то действие («скачать», «купить» и т. д.). Коммерческие запросы всегда являются транзакционными. Но не все транзакционные запросы являются коммерческими (например, «скачать бесплатно»).

 

Коммерческие страницы (интернет-магазины, сайты компаний) нужно продвигать по коммерческим запросам, информационные (форумы, блоги, статьи) — по информационным.

 

48) Определить, каким является запрос, информационным или транзакционным, можно при помощи поиска. Введите фразу и посмотрите на результат поисковой выдачи. Если там в основном информационные статьи, то запрос информационный, если коммерческие страницы — то коммерческий.

 

49) На одну и ту же страницу не должны вести одновременно информационные и транзакционные запросы. Если запрос информационный, то продвигаем статью. Если коммерческий, то добавляем коммерческую информацию (цена, условия доставки и т. д.).

 

50) На одну страницу должен вести один запрос. Можно объединить группы запросов в кластеры. Кластеризация помогает объединить запросы по смыслу и проверить совместимость продвигаемых слов (например, аренда авто, прокат машины). Инструменты для автоматической кластеризации запросов (сервисы платные, но есть бесплатные лимиты):

 

 

51) Структура сайта (меню, навигация) должна определяться только исходя из поискового спроса.

 

52) Для доступа к любой странице с главной должно быть не более трёх кликов.

 

53) Если вы используете хлебные крошки, вместо «Главная» укажите главное ключевое слово. Например, название интернет-магазина.

 

Внутренняя и внешняя оптимизация сайта

 

54) Текст должен быть уникальным (не менее, чем на 70 % в зависимости от тематики). Проверить уникальность текста можно поиском по цитате (запрос в кавычках) или с помощью сервисов:

 

 

55) Длину текста, а также плотность ключевых слов берите из ТОП–10. Проверить можно с помощью инструмента Текстовый анализ от SeoWizard или JustMagic.

 

56) Текст с ключевыми словами размещайте ближе к началу текста.

 

57) Используйте в тексте дополнительные термины и синонимы. Это могут быть подсвечиваемые слова по запросу в поисковой выдаче Яндекса, «Запросы, похожие на» из Яндекс Wordstat.

 

58) Пишите лаконичнее, избегайте стоп-слов. Проверить текст можно в сервисе Главред.

 

59) Пишите без ошибок и внимательно относитесь к оформлению текста. Проверить орфографические ошибки можно при помощи Яндекс.Спеллер.

 

60) Для повышения CTR переходов на сайт из поиска необходимо улучшить его сниппет в поисковой выдаче. Сниппет состоит из:

 

  • заголовка (тег title),
  • описания (в Google — тег description, в Яндексе — часть текста с ключевым словом),
  • структуры URL (хлебные крошки, навигационные цепочки, быстрые ссылки).

 

61) Чтобы улучшить сниппет в Яндексе, возьмите абзац, который показывает Яндекс по ключевому слову в поисковой выдаче, и измените его текст.

 

Разное

 

Переиндексация Яндексом происходит в среднем раз в 2,14 месяца (более 60 дней). SEO — это надолго, нужно уметь ждать. Результаты SEO обычно можно получить через 1–6 месяцев, в зависимости от возраста проекта.

 

Ускорить процесс индексации сайта можно с помощью:

 

  • внешних ссылок,
  • ссылок в социальных сетях (особенно в Twitter),
  • ссылок с главной страницы,
  • через Яндекс.Вебмастер (Индексирование → Переобход страниц).

 

Частота захода бота зависит от частоты обновления сайта.

 

При продвижении в Яндексе имеет значение запросный индекс — чем больше статей по тематике, тем лучше.

 

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

 

Если вы хотите самостоятельно разобраться в SEO, рекомендуем пройти курс в Нетологии. Для читателей Хабра у них есть скидка 2500 руб. по промокоду habr на все онлайн-программы (действует до конца 2017 года).

SEO оптимизация. Начало

Множество информации по SEO (оптимизация, продвижение, вот это вот все) разбросано по просторному интернету, создано множество статей и форумных топиков на эту тему. В данном посте, я собрал рекомендации и инструменты, которые касаются непосредственной страницы сайта (структура, код, вот это вот все).

В статье вы найдете:

  • структурные элементы страницы: заголовки, картинки, URL, контент. Рекомендации по их использованию и оценки важности в ранжировании.
  • микроразметка: кто она и с чем ее едят. Рассмотрены schema.org и OpenGraph
  • дана оценка инструментам с точки зрения важности для ранжирования, usability или же поведенческих факторов
  • на примере крупный процветающих сайтов рассмотрены примеры использования описанного инструментария

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

INTRO

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

ОЦЕНКА ФАКТОРОВ

Каждый фактор оценивается с точки зрения трех параметров:

  • ранжирование (range) — если фактор влияет на продвижение в топе
  • удобство использования (usability) — если фактор облегчает какие-либо действия для пользователя
  • поведение (behavior) — если фактор «заставляет» пользователя выполнить целевое действие

 

ЗАГОЛОВОК (title)

Behavior: +
Range: +
Usability: +

Заголовок — это «лицо» страницы, он описывает ее содержания, суть. Но помимо этого, заголовок может влиять на SEO. Наличие ключевых в заголовке может положительно повлиять на релевантность страницы. Соответствие заголовка ключевому запросу и правильная формулировка могут сделать ссылку более заметной и привлекательной для посетителей, что в свою очередь повысит CTR (кликабельность).

Применение:

  • Информирование посетителей о содержании страницы.
  • Заголовок (анкор) страницы в результатах поиска.

Рекомендации:

  • Длина заголовка до 100 символов;
  • Размещайте ключевые слова вначале заголовка;
  • Используйте меньше прямых перечислений ключевых слов;
  • Исключайте повторяющиеся части или оставляйте их в конце заголовка;
  • Соблюдайте единообразие в названии страниц;
  • Заголовок должен быть интересным для посетителя;
  • Не используйте редкие, сложные или иносказательные фразы — заголовок должен быть простым и понятным.

Примеры

Эльдорадо ( www.eldorado.ru/cat/detail/71092574 ):

MICROSOFT Office 365 Personal (1 год) – купить программу microsoft Office 365 Personal (1 год), цена, отзывы. Продажа программ microsoft в интернет-магазине ЭЛЬДОРАДО

Шаблон:

{производитель} {продукт} – купить {категория} {продукт}, цена, отзывы. Продажа {категория} {производитель} в интернет магазине ЭЛЬДОРАДО

Lenta.ru ( lenta.ru/articles/2016/08/16/pension ):

Где правительство найдет деньги на повышение пенсий: Госэкономика: Финансы: Lenta.ru

Шаблон:

{название}: {подкатегория}: {категория}: Lenta.ru

 

ОПИСАНИЕ (meta: description)

Behavior: +
Range: +

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

Применение:

  • Формирование сниппета (описание в поисковой выдаче)

Рекомендации:

  • описание не более 160 символов
  • описание должно соответствовать конкретной веб-странице, а не всему сайту
  • описание должно быть простым, понятным без чрезмерного употребления ключевых слов/фраз

Примеры

Эльдорадо ( www.eldorado.ru/cat/detail/71092574 ):

Купить программу MICROSOFT Office 365 Personal (1 год) в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием программы microsoft Office 365 Personal (1 год)

Шаблон:

Купить {категория} {производитель} {продукт} в интернет-магазине ЭЛЬДОРАДО с доставкой и гарантией. Ознакомиться с ценами, отзывами владельцев, фотографиями, техническими характеристиками и подробным описанием {категория} {производитель} {продукт}

Сниппет (Google — взял описание):
image
Сниппет (Яндекс — взял микроразметку):
image

Lenta.ru ( lenta.ru/news/2016/08/16/wadajuliastepanova ):

Олимпийская чемпионка по конькобежному спорту, депутат Госдумы Светлана Журова призвала российскую бегунью Юлию Степанову не паниковать. По словам спортсменки, неизвестные пользователи интернета ей самой ежедневно угрожают расправой. При этом она отметила, что ходит по улицам без охраны.

Шаблон:

{краткое описание новости}

Сниппет (Google — почти что описание, не описание и в тексте такой строки тоже нет):
image
Сниппет (Яндекс – собрал заголовки с других новостей на этой странице из блоков «Ссылки по теме» и «Спорт»):
image

КЛЮЧЕВЫЕ СЛОВА (meta: keywords)

Список ключевых слов, соответствующих содержимому страницы сайта.

Отношение к данному тегу поисковиков:

В связи с этим, ни на что, никак данный фактор не влияет (разве совсем чуть-чуть на Range).

Противопоказания:

  • не больше 20 слов
  • не более 3-х повторов

Рекомендации:

  • больше склонений.
  • опечатки. Список ключевых слов можно разбавить популярными опечатками ключевых слов.
  • англоязычные запросы

Примеры

Эльдорадо ( www.eldorado.ru/cat/detail/71092574 )

программа MICROSOFT Office 365 Personal (1 год), программа MICROSOFT Office 365 Personal (1 год) интернет магазин, купить программа MICROSOFT Office 365 Personal (1 год), цена на программа MICROSOFT Office 365 Personal (1 год), Эльдорадо

Шаблон:

{база} = {категория} {производитель} {продукт}
{база}, {база} интернет магазин, купить {база}, цена на {база}, Эльдорадо

Lenta.ru

Их нет :-)

 

ЗАГОЛОВКИ (H1, H2, H3, …)

Range: +
Usability: +

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

Подробнее про оформление можно прочитать в документации Яндекс.

Применение:

  • Иерархия заголовков.
  • Определение релевантности страницы

Рекомендации:

  • Градация шрифтов. Чем выше уровень заголовка (h1 — самый высокий) — тем больше шрифт заголовка.
  • Ничего лишнего в заголовках H. Не используйте в заголовках H1-H6 ничего кроме текста.
  • Не злоупотребляйте заголовками h2, h3, h4, h5, h6. Чрезмерное количество «важных» элементов страницы может быть истолковано как спам.

 

ПО ПОВОДУ H1

Ограничение на единственное использование тега h1 накладывает не стандарт HTML, а SEO и логика.
В чем суть заголовка? Он определяет название (содержание) блока информации идущего после него.
Чтобы стало понятнее, приведу пример:

<h1>Название статьи</h1>
Содержание статьи

Если говорить про дальнейшую структуризацию:

<h1>Название статьи</h1>
Введение
<h2>Параграф статьи</h2>
содержание параграфа

Суть вложенности и порядка думаю ясна. Так вот теперь возникают закономерные вопросы:

  • А правильно ли если у статьи будет больше 1-го названия?
  • Какое название будет основным?

Собственно из-за возникновения данных неопределенностей, использовать более одного тега H1 не имеет никакого смысла.

ПО ПОВОДУ HTML5

Согласно семантической разметке HTML5, для каждого блока section мы можем писать тэг H1, который будет относиться только к данному блоку. Таким образом на странице могут быть несколько тегов H1.
Например:

<article>
<h1>Заголовок статьи</h1>
Введение
<section>
<h1> Параграф статьи</h1>
содержание параграфа
</section>
</article>

Закономерно вытекают вопросы:

  • Как на это реагирует поисковик?
  • Правильно ли указывать внутри блока section более низкие заголовки с учетом всей страницы (например, внутри section писать заголовок H2, если он не является основным)?

Прошу поделиться опытом и мыслями в комментариях.

Примеры

Эльдорадо

H1: {категория} {производитель} {продукт}
H2: блок программы лояльности и обратный звонок (причем они обернуты в <noindex>)
H3: «Самовывоз» (popup), «Услуги и сервис»

Lenta.ru

H1: {заголовок}
H2: «Материалы по теме»
H3: заголовки новостей из блока «Другие материалы рубрики»
H4: заголовок новостей из блока «Материалы по теме»

 

КАРТИНКИ

Range: +
Usability: +

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

Применение:

  • поиск по картинкам (Яндекс, Google)
  • возможность читать картинки экранным диктором

Если говорить про код, то по атрибутам тэга есть следующие рекомендации:

  • alt: альтернативное текстовое описания изображения. Выводится пользователю если по каким-либо причинам картинка еще или вообще не загружена. Описание в атрибуте alt должно точно и коротко описывать то, что изображено на картинке. Длинные описания поисковые системы не воспринимают полностью, поэтому желательно ограничиться 50-60 символами.
  • title: всплывающая подсказка. Если в случае с атрибутом alt описывается содержимое картинки, то в случае с атрибутом title, можно сообщить дополнительную информацию о изображении.
  • src: еще один способ обозначить содержимое картинки сделать так, чтобы название файла с изображением соответствовало содержимому картинки. Подробнее про ЧПУ и URL ниже.

Примеры

Эльдорадо

Картинка в заголовке с логотипом:

<imgsrc="http://… /logo_eldorado.png" alt="Интернет-магазин Эльдорадо">

Картинка товара:

<imgsrc="/photos/71/new_71173064_l_1460729339.jpeg/resize/500x375/">

Lenta.ru

Картинка основной новости (к слову тут еще и микроразметка используется):

<imgalt="Светлана Журова" src="http:// /pic_8dfee4ae3c07aa582dfa99439b512b05.jpg">

Картинка блока «Другие материалы рубрики»:

<imgalt="Евгений Тищенко (справа) " src="http://… /top7_d08710e27c95af37801eec8e19ca9473.jpg">

 

Ссылки и URL

Анкор или текст ссылки, должен совпадать (не полностью, но все же) с заголовком страницы. Следовательно, как и заголовок страницы он должен иметь ключи и отражать содержание страницы.

URL с ключевыми словами рассматриваются как один из факторов ранжирования (вероятно из-за повышения CTA т.к. поисковики подсвечивают URL, если он соответствует запросу).

image
image
К слову, в большинстве своем крупные сайты просто «плюют» на ЧПУ. Смысл использовать ID я вижу только в случае меняющегося URL (например, зависящего от заголовка, который может быть изменен).

Примеры

Эльдорадо

http://www.eldorado.ru/cat/1482093/
http://www.eldorado.ru/cat/1482093/SONY/
http://www.eldorado.ru/cat/detail/71173064/

Не понимаю смысл был убирать ID категории в детальной страницы, ну да ладно.

Lenta.ru

https://lenta.ru/news/2016/08/16/
https://lenta.ru/news/2016/08/16/wadajuliastepanova/

Собственно, по первой ссылки мы получим новости за день, но я думаю было бы неплохо сделать возможность смотреть новости, хотя бы за месяц (то есть ссылку вида /news/2016/08/), ну да ладно.

Контент

Самое главное в оптимизации текстового контента — понимать логику наполнения сайта контентом. Ведь оптимизировать нужно не один текст, а весь текстовый контент на странице.

Рекомендации:

  • Чем ближе к началу документа (страницы) находится текст — тем лучше.
  • Чем ближе к началу текста находятся основные ключевые запросы — тем лучше.
  • Начало текста должно быть в зоне видимости первого экрана браузера (без прокрутки).
  • Текст на странице не должен быть скрыт окнами прокрутки, выпадающими блоками и т.п.
  • Используйте иллюстрации. Текст с изображением лучше описывает суть документа и оценивается выше. Бонусом идет попадание по запросу в Гугл и Яндекс «Картинки».
  • Текст должен состоят из четко разделенных логических частей (со своими ключевыми запросами)
  • Теги <b>, <strong>, <u>. Эти теги привлекают внимание к определенным частям и элементам текста. Выделять «жирным» рекомендуется важные моменты текста и ключевые слова.
  • Списки, таблицы и прочее. Не забывайте использовать все инструменты. Чем более разнообразен контент — тем лучше.

Параметры качественного контента:

  • тошнота (степень неестественности частоты употребления ключевых слов) не более 7
  • частота вхождения ключевого слова 3-5%.
  • актуальность. Под актуальностью контента чаще всего понимают его новизну, частоту обновления сайта. Неиссякаемый источник уникального и актуального контента – это комментарии пользователей.

Проанализировать текст на данные (и не только) параметры, можно на этом сайте: advego.ru/text/seo

Про уникальность

Тема холиварная, казалось бы, но на самом деле есть несколько точек зрений, точнее две:

  • уникальность сильно влияет на ранжирование
  • уникальность не сильно влияет на ранж, важна актуальность и востребованность.

Как по мне, в большинстве своем достаточно мелкого рерайта (без него это уж совсем нагло-глупо). Тем более что актуальность куда важнее.

У кого есть факты по данному вопросу или реальная статистика, просьба написать в комментариях.

Про перелинковку

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

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

Микроразметка

Очень полезная вещь. В двух словах (а точнее в словах Яндекса):

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

Ниже рассмотрены популярные словари с примерами разметки. Более подробную информации, историю и подробные описания разметки вы можете на соответствующих сайтах.
Если говорить про валидацию, то использовался валидатор Google.

Schema.org ( schema.org / ruschema.org )

Используется для общения с поисковиками. В общем виде структура такая:

<!—контейнер с указанием типа -->
<div itemscope itemtype=’’> 
  <!-- свойства контейнера -->
  <div itemprop=’’></div></div>

Контейнеры могут быть вложены друг в друга.

Продукт:

<div itemscope itemtype="http://schema.org/Product">
  <div itemprop="name">Название</div>
  <div itemprop="description">Описание</div>
  <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
    <div itemprop="price">1234</div>
    <div itemprop="priceCurrency">RUB</div>
  </div>
</div>

Картинка:

<div itemscope itemtype="http://schema.org/ImageObject">
  <img itemprop="contentUrl" src="http://russia-kurgan.jpg" />
  <div itemprop="name">Название</div>
  <div itemprop="author">Автор</div>
  <div itemprop="contentLocation">Россия, Курган</div>
  <div itemprop="description">Описание картинки</div>
  <meta itemprop="datePublished" content="2008-01-25">
</div>

Видео:

<div itemscope itemtype="http://schema.org/VideoObject">
  <div itemprop="name">Название</div>
  <div itemprop="description">Описание</div>
  <div itemprop="author" itemscope itemtype="http://schema.org/Person">
    <div itemprop="name">Имя автора</div>
  </div>
  <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
    <link itemprop="interactionType" href="http://schema.org/WatchAction"/>
    <div itemprop="userInteractionCount" content="4356">Количество просмотров</div>
  </div>
  <meta itemprop="thumbnailUrl" content="http://site.ru/thumbnail.png">
  <meta itemprop="uploadDate" content="2016-08-17">
</div>

Статья:

<div itemscope itemtype="http://schema.org/Article">
  <h1 itemprop="headline">Заголовок статьи</h1>
  <div itemprop="description">Описание</div>
  <div itemprop="author">Имя автора</div>
  <div itemprop="interactionStatistic" itemscope itemtype="http://schema.org/InteractionCounter">
    Количество комметариев
    <meta itemprop="interactionType" content="http://schema.org/CommentAction"/>
    <meta itemprop="userInteractionCount" content="78" />
  </div>
  <meta itemprop="mainEntityOfPage" content="http://site.ru/article-url/">
  <meta itemprop="datePublished" content="2016-08-17">
  <meta itemprop="dateModified" content="2016-08-17">
  <meta itemprop="image" content="http://site.ru/image-of-article.png">
</div>

 

Open Graph ( ogp.me / ruogp.me )

Используется для общения с соц. сетями. Все данные прописываются в тэгах внутри , и сообщают социальной сети какие данные есть на данной странице. Для работы OG необходимо изначально подключить пространство имен:

<html prefix="og: http://ogp.me/ns#">

Если используется несколько типов, то их все нужно прописать:

<html xmlns:og=http://ogp.me/ns# xmlns:music="http://ogp.me/ns/music#">

Общие данные:

<meta property="og:title" content="Название, заголовок" />
<meta property="og:type" content="Тип содержания" />
<meta property="og:url" content="URL до объекта" />
<meta property="og:image" content="Картинка" />

Дополнительные данные:

<meta property="og:audio" content="URL музыки" />
<meta property="og:video " content="URL видео" />
<meta property="og:description " content="Описание" />
<meta property="og:locale" content="ru_RU" /> <!-- локализация -->
<meta property="og:site_name " content="Имя сайта" />

Картинки:

<!-- оба варианта идентичны -->
<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:url" content="http://example.com/ogp.jpg" />

<meta property="og:image:secure_url" content="Альтернативный URL для HTTPS" />
<meta property="og:image:type" content="MIME тип" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

Видео (идентично Картинкам):

<meta property="og:video" content="http://example.com/ogp.swf" />
<meta property="og:video:url" content="http://example.com/ogp.swf" />
<meta property="og:video:secure_url" content="Альтернативный URL для HTTPS" />
<meta property="og:video:type" content="MIME тип" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />

Статья:

<meta property="article:published_time" content="2016-08-17 19:00" />
<meta property="article:modified_time " content="2016-08-17 20:00" />
<meta property="article:expiration_time " content="2016-08-17 21:00" /> <!-- время истечения срока статьи -->
<meta property="article:author " content="Автор статьи (см. тэг Profile)" />
<meta property="article:section " content="Название категории" />
<meta property="article:tag" content="тег1, тег2" />
<meta property="article:tag" content="тег3" />
<meta property="article:tag" content="тег4" />

Есть также удобный в сравнении с schema.org формат записи данных JSON-LD ( json-ld.org ).
Описывать его здесь не стал, т.к. Яндекс его поддерживает не полностью.

Структура сайта

Тут все просто: любая страница сайта, должна быть доступна за 2-3 клика. По поводу «правило 3-ех кликов»:

Речь идет именно о структуре сайта, я как-то натыкался на статистику: посетитель совершал до 20 кликов чтобы совершить нужное ему действие и в итоге можно сделать вывод, что запариваться на этом правиле не стоит. Но тут речь именно про структуру сайта, представьте ситуацию: добраться до страницы вы можете только через 25 кликов, и только так. Вообще не круто.

Собственно, типичная структура может выглядеть так:

  • Категория
  • Подкатегория
  • Страница материала

Это касается не только новостей и каталога товаров, но и структуры страниц.

Подвал

Футер – это неотъемлемая часть любой страницы, и у пользователей есть определенные ожидания относительно него. Например, они рассчитывают найти основные пункты меню (о нас, контакты, телефон), счетчик со статистикой вашего сайта (также важный показатель уровня доверия), а также ссылки на дополнительные ресурсы (ваш блог, статьи по теме, партнеры), социальные сети.

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