«Знание — могущество».

1 марта 2010

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

написал Figaroo в рубрике Web-разработка @ 23:27

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

Основные 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-разработчиков.

Теперь Вы знаете, как оптимизировать сайт под поисковые системы. Спасибо за внимание.

Нет комментариев »

Комментариев нет.

RSS-лента комментариев к этой записи

Оставить комментарий

Пожалуйста, заполните все поля.

© Валерий 'Figaroo' Киркиж, 2008-2012 гг.