Здравствуйте.
Мне хотелось бы представить вашему вниманию шпаргалку по оптимизации сайтов под поисковые системы.
От части это перевод с комментариями зарубежных заметок, от части — собственные заметки и наблюдения.
Старайтесь использовать семантическую вёрстку и валидный код HTML/CSS, используйте вышеприведённые тэги по назначению. Выделение заголовков и ключевых слов на странице сильно влияет на её ранжирование при выдаче пользователю. Указание осмысленных атрибутов у изображений позволит поисковикам их находить, а также повлияет в лучшую сторону на ранжирование.
Старайтесь придерживаться данного стиля, он является стандартом де-факто и признан наиболее удачным.
Пример:
Старайтесь следовать данным ограничениям, поисковые системы откинут всё лишнее (в лучшем случае).
Создайте и разместите в корневом каталоге файл с именем robots.txt (пример: example.com/robots.txt).
Запретите страницы, которые не следует индексировать.
Пример синтаксиса:
Важно: Yandex (несмотря на все описания) требует дублирования правил для робота «Yandex» (см. пример выше).
Важно: указывайте только абсолютные URL для sitemap'ов (начиная с http).
Создайте и разместите в корневом каталоге файл с именем sitemap.xml (пример: example.com/sitemap.xml).
Укажите страницы, которые необходимо индексировать.
Пример синтаксиса:
Для автоматической генерации карты сайта в формате sitemap.xml можно воспользоваться сервисом www.xml-sitemaps.com, для WordPress существует плагин Google XML Sitemaps.
Мне хотелось бы представить вашему вниманию шпаргалку по оптимизации сайтов под поисковые системы.
От части это перевод с комментариями зарубежных заметок, от части — собственные заметки и наблюдения.
Основные 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-разработчиков.