47 правил для создания сайта готового к SEO
Мы разработали внутренний свод правил для наших web-разработчиков. Следуя ему, программисты создают сайты, которые полностью соответствуют базовым требованиям поисковых систем.
Выполнение только наших рекомендаций не сможет обеспечить вывод сайта в ТОП-10 органической выдачи, но сможет сделать Ваш сайт более удобным для сканирования и индексирования поисковыми системами. Несмотря на то, что свод правил является по большей части техническими критериями, не стоит забывать, что сайт, прежде всего, делается для пользователей и поэтому его оптимизация должна в первую очередь ориентироваться на посетителей сайта.
Представление информации на сайте
Информация на предоставляемых страницах должна быть доступна и легко воспринимаема пользователем.
Основные тезисы предоставления информации на сайте:
1. Желательно, чтобы тематика и основной посыл документа определялись уже на первой странице монитора (без прокруток).
2. Не рекомендуется разрабатывать скрытые элементы навигации и функциональные блоки сайта так, чтобы доступ к ним был возможен только при определенных действиях пользователя.
3. Приветствуется группировка текстовых блоков по смысловым частям с заголовками.
4. Название каждого документа должно точно соответствовать отображаемому тексту в документе, оно должно быть кратким и точным (не более 80 знаков).
Не стоит забывать, что сайт, прежде всего, делается для пользователей и поэтому его оптимизация должна в первую очередь ориентироваться на посетителей.
Структура сайта и URL-система
Правильно сформированная структура сайта на этапе разработки может значительно помочь в его дальнейшем продвижении. Благодаря правильной структуре появляются быстрые ссылки в сниппетах, упрощается навигация по сайту, приобретаются хорошие пользовательские показатели.
Основополагающие критерии при формировании структуры сайта:
5. Единственный и постоянный адрес для каждого документа. Каждый документ на сайте должен относиться только к своему разделу. Необходимо убедиться, что каждый документ имеет только один url и не может быть ситуации, когда один и тот же документ можно открыть под разными адресами. Например, главная страница сайта в большинстве CMS может быть доступна под различными url:
/ /index.php /index.html
6. Неявные дубли страниц. В случае, когда на сайте имеются страницы с незначительным видоизмененным содержимым, например: страницы фильтра товаров, стоит явно указывать для поисковой системы каноническую страницу, чтобы склеить все неявные дубли страниц (через атрибут rel="canonical"). Либо при ненужности индексации данных страниц - закрывать их от индекса средствами мета - тегов.
7. ЧПУ - система на сайте. Каждый документ должен иметь уникальный ЧПУ - url (тематический url в виде транслита части заголовка). Таким образом, должна быть возможность назначения для каждого документа собственного уникального адреса страницы. Использование бессистемных параметров или наборов символов для формирования адреса страницы не допускается.
Также не допускается создание большого количества вложенности категорий в URL. Такой порядок организации адреса страницы может повлиять на скорость ее индексации.
В ЧПУ системе необходимо предусмотреть возможность удаления части URL, чтобы пользователь в надежде найти корневую папку категории мог просто отрезать часть URL.
8. Корректность составления URL. Повторяемые части URL в пределах одного адреса могут не индексироваться, поэтому стоит избегать подобных адресов страниц. Не рекомендуется использование заглавных букв в написании URL.
9. Использование "хлебных крошек". Использование навигационных цепочек на сайте вполне оправданно и дает свои положительные результаты при обходе сайта поисковым роботом.
10. Отсутствие flash - элементов, избыточное содержание скриптов на сайте. Необходимо следить, чтобы на каждый документ можно было попасть с сайта по обычной ссылке. Нежелательно использование flash-элементов. Также нежелательна организация на сайте навигации с помощью скриптов.
11. Небольшой уровень вложенности документов. Необходимо проектировать структуру сайта так, чтобы каждый документ находился от главной страницы на удалении не более, чем в 3 клика.
12. Автоматическая генерация карты сайта. Каждый уникальный документ сайта должен быть включен в автоматически создаваемую карту в формате *.html и *.xml. Ссылку на *.html версию карты сайта необходимо отобразить на главной странице.
13. Автоматическая генерации карты списка изображений. Поисковая система Google отлично индексирует изображения, пути на которые были получены с помощью предоставленного специального *.xml списка. Поэтому важно поместить изображения в одну папку и составить автоматически создаваемый файл формата *.xml для ускорения индексации картинок с сайта. Подробнее о xml карте для изображений можно почитать тут.
14. Скрытие служебной информации от индексации. Вся служебная информация на сайте должна быть скрыта от индексации поисковыми системами. Примером служебной информации могут быть автоматически генерируемые страницы поиска на сайте. Скрытие целых разделов от индексации можно сделать с помощью специальных директив в файле robots.txt. Но не всегда данной манипуляции хватает для скрытия от индексации (особенно в Google), поэтому настоятельно рекомендуем указывать для поисковых систем запрет на индексацию страницы в мета - заголовках, с помощью директивы:
<meta name="robots" content="noindex, nofollow"/>
Также стоит закрыть для индексации в robots.txt по умолчанию все документы в формате *.doc, *.pdf, *.xls и другие, если это не противоречит самой внутренней концепции сайта.
15. Не использовать ifram и др. блоки. Лучше не использовать на сайте блоки <FRAMESET>, <FRAME>, <IFRAME> т.к. информация в данных документах обычно не индексируется поисковыми роботами.
16. Избыточное перенаправление на сайте. Желательно не использовать избыточное перенаправление на сайте. Изначально важно определить главное зеркало домена: site.ru или www.site.ru. С помощью директивы в файле *.htaccess настроить 301-редирект на главное зеркало домена. Более присутствие редиректов на сайте нежелательно.
Структура страниц
Необходимо максимально разделять представление, логику и данные (HTML\CSS\JS), т.е. все страницы должны удовлетворять следующим критериям:
Механика документа:
17. Необходимо обеспечить модульность.
18. Соблюдение пространства имен.
Семантика документа:
19. Декларирование данных должно быть максимально семантичным.
20. Следует избегать избыточной вложенности.
21. Соответствие спецификации html5.
Критерии представления документа
22. Количество используемых скриптов. Желательно ограничить количество скриптов, используемых в документе.
23. Локальное подключение файлов. Все скрипты, файлы шрифтов, стилей и т.д. по возможности должны подгружаться с локального сервера. Использование сторонних файлов чревато сбоями в работе сайта.
24. Размер и скорость загрузки страницы. Каждая страница на сайте не должна превышать размер 1~1,5 Mb. Большие по весу страницы могут значительно снизить время загрузки. Скорость загрузки страницы не должна превышать более 3 секунд.
25. Уникальный заголовок страницы. Необходима возможность для каждого документа задать уникальный заголовок страницы с помощью тега <title>. Заголовок не должен содержать автоматически повторяющихся элементов, например, название сайта.
26. Уникальный заголовок документа. Необходима возможность для каждой страницы задать уникальный заголовок документа в теге <h1>...</h1>. Данный заголовок обязателен для вывода на каждой странице сайта.
27. Уникальная meta-информация. Необходима возможность указать для каждой страницы уникальную meta-информацию:
- краткое описание страницы, с помощью тега <description> (не стоит наполнять данный тег бессмысленными ключевыми или общими формулировками, в данном теге должно присутствовать краткое и точное описание страницы, желательно ограничится 100-120 знаками описания);
- ключевые слова, с помощью тега <keywords>;
- автора документа, с помощью тега <author>;
- запрет / разрешение на индексацию документа, с помощью тега <robots>.
28. Использование оптимизированных файлов. Необходимо убедиться, что все изображения на сайте адаптированы под использование в web-среде, скрипты сокращены и т.д.
29. Использование sprite в css. Использование sprite в технологии css позволяет сократить количество подгружаемых файлов, что положительно сказывается на времени загрузки страницы.
30. Небольшое количество http - запросов. Необходимо сократить количество http-запросов при загрузки страницы до минимума. Так, например, небольшие изображения, используемые в шаблоне сайта, можно вставлять прямо в тело *.css с помощью кодирования в строке base64.
31. Использование разметки Schema.org. В случае использования контактной информации на сайте необходимо использовать семантическую разметку контента Schema.org. Необходимо указать полные контактные данные: индекс, город и телефон.
32. Использование асинхронной отложенной загрузки скриптов. Желательно при загрузке документа использовать асинхронную отложенную загрузку скриптов. Это позволит ускорить загрузку страниц на стороне пользователя.
Использование графики и видео
Правильное использование графики на сайте может увеличить количество посетителей, привлекаемое с поисковых систем.
33. Атрибут ALT. У каждой картинки обязательно использовать данный атрибут. Необходима возможность задать для каждой картинки уникальное короткое значение, соответствующее изображению на картинке.
34. Представление изображений с нужными пропорциями. Не допускается использование изображений большего размера, сжатых с помощью скриптов или средств css.
35. Имена файлов картинок. Необходима возможность загрузки картинок на сайт с осмысленным названием файла, отмечающим содержание картинки.
36. Скрытие автоматически сгенерированных картинок от индексации. Все автоматические сгенерированные картинки должны быть закрыты от индексации, например, CAPTCHA.
37. Изображение вместо текста. Нужно избегать вставки графики вместо текстового материала на сайте.
38. Использование разметки Schema.org для видео - материалов. В случае использования видео материалов на сайте, желательно обрамлять видео блоки с помощью разметки Schema.org.
Текстовая составляющая
Текстовая информация на сайте должна быть уникальна. Причем уникальность информации должна достигаться не только техническими средствами, статья должна содержать новый ранее неизвестный и всем интересный материал. Каждая статья на сайте должна стать полезной для интернет - сообщества.
39. Все тексты на странице должны быть разбиты на логические группы и иметь заголовки к каждой из частей в виде тегов <h2>, <h3>, <h4>.
40. Желательно на каждой странице использовать не только текстовые блоки, но и внедрять таблицы, списки, изображения (хорошим плюсом будет размещение инфографики), видео.
41. Не рекомендуется использовать тексты с орфографическими ошибками.
Ссылочная модель сайта
Не секрет, что не только внешняя ссылочная модель влияет на доверие поисковых систем к сайту, но и исходящие ссылки с сайта вносят свою корректировку в общий ранк доверия, поэтому важно следить за теми ссылками, которые проставляются на сайте.
42. Rel="nofollow" для внешних ссылок. Все внешние ссылки на сайте должны иметь атрибут rel="nofollow".
43. Текстовый анкор ссылки. Все ссылки на сайте (в особенности главное меню) должны содержать в качестве якоря только текстовую информацию, использование картинок или пустых ссылок в качестве якоря не допускается.
Серверная часть
Точная настройка серверной части также важна для правильной индексации сайта поисковыми системами. Так неправильно заданный ответ сервера на несуществующую страницу может свести все продвижение сайта к нулю.
44. SOFT 404. Часты ситуации, когда обращение к несуществующему url отдает 200 ответ сервера (вместо 404), что генерирует для поискового робота огромное количество страниц с одинаковым содержимым - нужно избегать таких ситуаций. В случае, когда страница существует на сайте, она должна отображаться только по одному единственному, закрепленному за ней url. Если документа по отображаемому url не существует, то должен отдаваться 404 ответ сервера.
Очевидно, что на сайте должна быть качественно составленная страница 404-ошибки, которая полностью вписывается в дизайн сайта и побуждает пользователя перейти в другой раздел или воспользоваться формой поиска, расположенной на 404 странице.
Также на 404 страницу рекомендуется разместить блок популярных разделов / материалов на сайте.
45. Корректность http-заголовков. Необходимо проследить, чтобы все значения отдаваемые сервером были корректны. Например, если используется заголовок Last-Modified, то он должен отдавать корректную дату последнего изменения документа.
46. Использование Gzip сжатие. Для увеличение скорости загрузки документа желательно использовать Gzip сжатие не только для кода страницы, но и для подгружаемых файлов, таких как *.css, *.js.
47. Использование кеша браузера. Необходимо для каждого передаваемого файла указывать срок истечения действия кеша. Обычно указывается для файлов стилей, скриптов и изображений.
