Seo для web разработчиков

SEO для web-разработчиков
Как сделать сайт оптимизированным
под поисковые системы

План
 Вступление
 Принципы работы
 Что нельзя делать
 Чеклист
 Советы сеошника

Вступление
 Поисковый трафик – 50-90% заходов на сайт
 Самый дешевый
 Чем больше проект, тем важнее внутренняя
оптимизация

Принципы
1. Сайт для людей
2. Не пытайтесь обмануть писковые системы.
White-hat SEO

Нельзя
 Флеш, фреймы
 Движок сайта не генерирует сессионных
переменных в адресе страниц
 Невидимый текст
 Дубли контента
 Всплывающая реклама, закрывающая основной
контент
 Линкопомойка, обмен ссылками
 Пользователи и роботы видят разный контент.
 Избыточное автоматическое перенаправление
(редиректы).
 Soft 404

Чеклист
 Структура
 Верстка
 Технический аудит
 Оптимизировать индексацию сайта
 Избавиться от дублей
 Контент
 Оптимизировать заголовки <title>
 Оптимизировать meta description
 Оптимизировать заголовки
 Оптимизировать текст
 Ссылки
 Полезно сделать в админке

Структура
 Структура в URL
 Настройка ЧПУ
 Разрешенные сиволы a-z, 0-9, -. Не желательно:
A-Z, _
 Длинные адреса страниц - плохо!
 Возможность использовать переменные в URL:
?utm_source=…
 Хлебные крошки
 Максимальный уровень вложенности страниц

Верстка
 Верстка сайта должна быть только HTML5.
 Валидность.
 Все JavaScript и CSS должны быть в отдельных файлах
 В элементах верстки не должно быть тегов h1-h6, а также ссылки не должны
быть заключены в <strong>. (исключение может быть по h1 только в случае
верстки HTML5 и отдельных section или article для каждого блока, если
таковые есть в дизайне.)
 Не должно быть ни одного тега <b>, только <strong>;
 Адаптивность под мобильные устройства
 Оформление текста, который является ссылкой, должно отличаться от
оформления основного текста страницы, например подчеркиванием, цветом и
т. п.
 При создании новых абзацев в текстовом редакторе админки (WYSIWYG-
редактор) текст должен быть обособлен в тег <p>
 На страницах прописана соответствующая кодировка
 Прописание href lang="ru-ua" (язык-старна)
 Микроразметка страницы

Технический аудит. Оптимизировать
индексацию сайта
 Размер html-кода не превышает 100-200
килобайт
 Скорость загрузки страницы не превышает 3-5
секунд
 Соотношение текста к html: чем больше, тем
лучше. 30% текст норм
 Серверные логи, админ. панель и поддомены с
тестовой версией сайта закрыты от индексации
в robots.txt

Технический аудит. Избавиться от
дублей
 Выбрать основное зеркало (с www или без)
 Единый вид страниц. Склейка с и без / в конце; с или без .html или .php.
 Настроить файл robots.txt. Для Яндекса основной хост прописать в robots.txt
 Главная страница не доступна по адресу /index.php или /index.html
 Ссылка на главную страницу с логотипа (или знака домик, ссылки меню
главная) должна быть так <a href="/">, а не так - <a href="index.html"> или .php
и прочие возможные варианты.
 Старые адреса редиректят посетителей на новые страницы
 Используется rel=canonical
 Сделать обработку 404 ошибки в шаблоне сайта. Человек не должен быть
напуган и не должен покидать сайт.
 В паганации новостей, каталогах продукции, статьях и проч. страницах с
пагинацией нужно, чтобы при нажатии на цифру 1 после перехода, например,
со страницы 2, отображался URL без приписки, например такой -
/news/?start=0
 Использовать prev/next для пагинации

Контент
1. Оптимизировать заголовки <title>
2. Оптимизировать meta description
3. Оптимизировать заголовки
4. Оптимизировать текст

1. Оптимизировать заголовки <title>
 Длина заголовка не более 70 символов
 Отобразить в title содержимое страниц
 Заголовки title сделать привлекательными для
клика
 Использовать в title ключевые слова
 Важные слова вставлять в начале заголовка
 Title является уникальным в пределах сети
 Тег title должен быть вверху страницы, под <head>.
 Автоматически генерировать с названия страницы
с возможность редактирования вручную

2. Оптимизировать meta description
 Текст в meta description не более 165 символов
 Описание составлено так, что привлекает
внимание и побуждает пользователя к
действию
 В описании присутствует ключевые слова
 Если description не заполнен, то на сайте в коде
страницы они выводиться не должны.
 Автоматически генерировать с названия
страницы с возможность редактирования
вручную

3. Оптимизировать заголовки
 Каждая страница должна содержать только
один тег H1, он должен быть уникальным, для
каждой страницы и содержать главные для неё
ключевые слова.
 Сделать в админке отдельное поле h1. Если оно
не заполнено, то h1 берется из названия
страницы.
 Вставить ключевые фразы в H1-H6

4. Оптимизировать текст
 Текст на странице состоит из минимум 250 слов
 У каждого изображения на сайте должны быть
прописаны alt и title. Если не вручную, то
автоматически.
 Ключевые слова используются в атрибуте alt (при
наличии изображений)
 В продукции, если есть пагинация, сделать текст
только на основной странице; при нажатии на
цифру 2 этот текст дублироваться не должен
 Текст выводить в коде над основным содержимым
(для товарных каталогов, в первую очередь)

Ссылки
 На страницы имеется переход хотя бы по одной
текстовой ссылке
 Число внутренних ссылок на странице не более 100
 Использовать ключевые слова во внутренних ссылках
 Основная навигация доступна поисковым роботам, не
использующим javascript
 Страница не должна ссылаться сама на себя ни в меню,
ни хлебных крошках, ни в логотипе на главной странице.
 На сайте не должно быть ссылок на несуществующие
документы или битые картинки.
 Все внешние ссылки должны идти с атрибутом
rel="nofollow" по умолчанию

Полезно сделать в админке
 В админке сделать возможность вставки в общих настройках сайта кода
счетчика Яндекс.Метрика - место в footer и Google Analitics - место перед
закрывающимся тегом </head>.
 Должна быть сделана автоматическая генерация файла sitemap.xml, при этом
в админке нужно реализовать возможность изменения <priority> от 0.1 до 1.0,
<changefreq> и сделать галочку - не выводить страницу в sitemap.xml.
Параметры <lastmod> - дата того дня, когда сохранена страница (внесены
последние изменения). <priority> автоматически берется для главной 1.0, для
второго уровня - 0.8, для третьего уровня - 0.7, для остальных - 0.6.
<changefreq> пусть автоматом будет weekly.
 На сайте нужен редиректный модуль, куда можно внести старое название
страницы, с которой идет перенаправление и новое, на которую оно
приходится.
 В CMS должна быть возможность редактирования файла robots.txt.
 На всех страницах нужно вставлять скрипт по защите от копирования и сразу
с ним функции Исходный код правой кнопкой. Сделать в админке галочку-
исключение "разрешить копирование". Если галочка стоит, то текст на
странице копировать можно – действие скрипта пропадает для этой
страницы.

Советы сеошника
 Закрывать на время разработки сайт от
индексации и от людей
 Каждая страница должна нести пользу. Если не
несет - удалить/редирект/каноникал
 95% страниц оптимизированные под
различные запросы
 Всё, что может быть автоматизировано -
должно быть автоматизировано, но с
возможностью ручного исправления
 Запреты на критичные правки, и
предупреждения, когда юзер не то делает

Спасибо за внимание!
подготовил
Дмитрий Труцько
Dm.Trutsko@gmail.com
web-polosa.com

Seo для web разработчиков

Recommended

Recommended

More Related Content

What's hot

What's hot (15)

Viewers also liked

Viewers also liked (7)

Similar to Seo для web разработчиков

Similar to Seo для web разработчиков (20)

Seo для web разработчиков