Здравствуйте, уважаемые читатели.
Мне хотелось бы представить вашему вниманию шпаргалку по оптимизации сайтов под поисковые системы.
Основные 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="http://example.com/webpage.html" title="ключевое слово">Ключевое слово</a> — ссылка, по которой поисковая система перейдёт;
- <a href="http://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 (пример: http://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'ов.
Пример правильного файла можно посмотреть здесь. Особенно пригодится, если вы используете WordPress.
Используйте файл sitemap.xml
Создайте и разместите в корневом каталоге файл с именем sitemap.xml (пример: http://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-разработчиков.
Теперь Вы знаете, как оптимизировать сайт под поисковые системы. Спасибо за внимание.