Pull to refresh

SEO-шпаргалка web-разработчика по оптимизации сайтов

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

Основные HTML-тэги, влияющие на SEO:


  • <title>Заголовок страницы</title>
  • <h1>Заголовок страницы</h1>
  • <h2>Заголовок раздела</h2>
  • <h3>Заголовок подраздела</h3>
  • <b>ключевое слово</b>, <strong>ключевое слово</strong>
  • <i>ключевое слово</i>, <em>ключевое слово</em> — немного меньший вес ключевых слов, чем у b и strong;
  • <img src=«keyword.jpg» alt=«ключевое слово» /> — изображение (сильно влияет атрибут alt, менее сильно — src);
  • <a href=«example.com/webpage.html» title=«ключевое слово»>Ключевое слово</a> — ссылка, по которой поисковая система перейдёт;
  • <a href=«example.com/webpage.html» title=«ключевое слово» rel=«nofollow»>Ключевое слово</a> — ссылка, по которой поисковая система не должна переходить;
  • Группа мета-тэгов (<meta name="..." content="..." />) — описание ниже.

Старайтесь использовать семантическую вёрстку и валидный код HTML/CSS, используйте вышеприведённые тэги по назначению. Выделение заголовков и ключевых слов на странице сильно влияет на её ранжирование при выдаче пользователю. Указание осмысленных атрибутов у изображений позволит поисковикам их находить, а также повлияет в лучшую сторону на ранжирование.


Рекомендованный стиль заголовоков (<title>):


Название страницы « Подкатегория « Категория | Название сайта

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

Используйте мета-тэги


Пример:
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta http-equiv="content-language" content="ru" />
<meta name="robots" content="index,follow" />
<meta name="description" content="Описание сайта литературным языком." />
<meta name="keywords" content="ключевые, слова, через, запятую или пробел" />

  • content-type указывает на тип содержимого и кодировку страницы
  • content-language указывает на язык страницы
  • robots определяет правила индексации страницы поисковыми системами (перечисляются через запятую)
  • description задаёт описание вашего сайта, которое используется некоторыми поисковиками и некоторыми браузерами (при добавлении в закладки), макс. длина — 160 знаков
  • keywords задаёт ключевые слова, идеальный вариант — когда keywords хорошо соответствуют ключевым словам в тексте страницы, макс. длина — 255 знаков, 20 слов


Ограничения поисковых систем:


  • Размер страницы (без картинок и внешних CSS/JS-файлов) — не более 150 килобайт
  • Количество ссылок на странице — не более 100
  • Заголовок (<title>) — не более 70 символов
  • Кол-во параметров в ссылках — не более 2
  • Глубина URL — не более 4-х уровней

Старайтесь следовать данным ограничениям, поисковые системы откинут всё лишнее (в лучшем случае).

Используйте файл robots.txt


Создайте и разместите в корневом каталоге файл с именем robots.txt (пример: example.com/robots.txt).
Запретите страницы, которые не следует индексировать.
Пример синтаксиса:
User-agent: *
Disallow: /privatefolder/
Disallow: /privatefile.html

User-agent: Yandex
Disallow: /privatefolder/
Disallow: /privatefile.html

Sitemap: http://example.com/sitemap.xml
Sitemap: http://example.com/sitemap.xml.gz

User-agent: ia_archiver
Disallow: /

User-agent: duggmirror
Disallow: /

Важно: Yandex (несмотря на все описания) требует дублирования правил для робота «Yandex» (см. пример выше).
Важно: указывайте только абсолютные URL для sitemap'ов (начиная с http).

Используйте файл sitemap.xml


Создайте и разместите в корневом каталоге файл с именем sitemap.xml (пример: example.com/sitemap.xml).
Укажите страницы, которые необходимо индексировать.
Пример синтаксиса:
<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>http://example.com/page/</loc>
<lastmod>2010-02-28</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>
</urlset>

Для автоматической генерации карты сайта в формате sitemap.xml можно воспользоваться сервисом www.xml-sitemaps.com, для WordPress существует плагин Google XML Sitemaps.

Ещё советы по SEO-оптимизации:


  • При изменении адреса (URL) страницы, следует поставить 301-ый редирект. Сделать это можно, например, как показано ниже (код для файла .htaccess):
    Redirect 301 /oldpage1.html http://example.com/newpage1.html
    Redirect 301 /oldpage2.html http://example.com/newpage2.html

  • Определитесь с доменом — либо с префиском «www.», либо без него.
    Код для .htaccess ниже убирает префикс:
    RewriteEngine on
    RewriteCond %{HTTP_HOST} ^www.example\.com [NC]
    RewriteRule (.*) http://example.com/$1 [L,R=301]

  • Старайтесь не дублировать контент (ситуация, когда два разных адреса ведут на одно и то же содержимое). Для указания на то, что одна страница является копией другой, можно использовать специальный тэг (к сожалению, его понимают не все поисковики):
    <link rel="canonical" href="http://example.com/page/" />

    Можно запретить дублирующий контент в robots.txt.
  • Не забудьте про иконку вашего сайта:
    <link rel="icon" href="http://example.com/favicon.ico" type="image/x-icon" media="all" />
    <link rel="shortcut icon" href="http://example.com/favicon.ico" type="image/x-icon" media="all" />

  • Помните, что поисковые системы не очень дружелюбны к фреймам.
  • Помните, что поисковые системы не понимают страниц на Flash'е, AJAX'е, защищённых авторизацией и т.д.
  • Не забывайте про инструменты Яндекса и Гугла для web-разработчиков.
Tags:
Hubs:
You can’t comment this publication because its author is not yet a full member of the community. You will be able to contact the author only after he or she has been invited by someone in the community. Until then, author’s username will be hidden by an alias.