SEO для разработчика сайта

SEO для разработчика сайта
15 июля 2015
Конференция «SEO 2015» от MegaIndex

Дмитрий Севáльнев
2
О спикере
 Ведение и контроль более 150
сайтов по рекламе в интернете и
SEO на постоянной основе.
 Ведущий передач «Практика SEO»,
«Аналитика SEO» и «Познай ТОП»
на MegaIndex.tv.
 Участие в развитии более 550
проектов.
 Выступления на отраслевых
конференциях: РИФ+КИБ, СПИК,
AllinTopConf, SEO 2015, MegaIndex,
BalticDigitalDays, Нетология и др.
«Личный блог»
www.pixelplus.ru/
samostoyatelno/

Тезисы
3
1. Базовые SEO-требования к документам на сайте
2. Требования по дизайну, оформлению, CSS и JS
3. Основные ошибки верстальщика
4. Типичные недоработки при разработке
5. Ошибки программиста
6. Технические ошибки мешающие индексации
7. Руководство по первичной настройке сайта

Почему мы это обсуждаем?
4

Универсальные требования: 1
5
1. Возможность задать уникальные:
• Тег Title
• Meta-тег Description
• URL-адрес документа (с ЧПУ)
Пример:
• Title: Продвижение сайта самостоятельно, раскрутка
сайтов своими руками
• Description: Проект «Продвижение сайта
самостоятельно» — только авторитетные советы,
статьи и ответы на вопросы по продвижению сайтов
(SEO) в Яндексе и Google. Подборка сервисов.
• URL: http://www.pixelplus.ru/samostoyatelno/

Универсальные требования: 2
6
2. Размещение уникальных для документа:
• Тега H1
• Текста в html-формате
Пример:
• H1: Продвижение самостоятельно
• Текст: <p>Собраны основные видеоматериалы по теме
SEO. Их изучение позволит заняться продвижением
сайта самостоятельно и поможет освоить основы
профессии оптимизатора.</p><p>Список видеоуроков
регулярно обновляется.</p>

Примеры документов на сайте
7
Данные требования должны удовлетворяться для всех
страниц сайта, доступных для индексации, в том числе для:
• Общих страниц: Контакты, О компании и т.д.
• Страниц категорий и подкатегорий.
• Страниц постраничной навигации (пагинации).
• Детальных страниц (товары, услуги).
• Страниц тегов, популярных фильтров.
• Различных языковых версий.

Пример корректного отображения
8

Требования к дизайну: 1
9
3. Дизайнер должен прорисовать:
• Стили заголовков h1-h3
• Вёрстку текста параграфами
• Нумерованные и маркированные списки
• Дизайн гиперссылок, акцентов в тексте
Пример:

Требования к дизайну: 2
10
4. В макете предусмотреть:
• Текстовые ссылки в меню (не картинки, не Flash)
• Масштабирование меню (увеличение пунктов в 2 раза)
• Текстовый заголовок
• Место для размещения текста описания от 800 до 3 000
символов текста
• Сквозные ссылки на основные (продвигаемые) разделы
• Цепочку навигации
• Размещение нескольких иллюстрирующих фотографий
(для детальных страниц товаров и для разбавки
текстового блока)

Примеры «косяков» дизайна
11
Супер-меню (Flash или картинки вместо текста)
Уникальная заставка (на Flash) вместо первого экрана

Требования к вёрстке: 1
12
5. При вёрстке макета требуется:
• Вообще не использовать теги текстовых заголовков h1-h6
(исключительно при вёрстке текста)
• Сверстать пример текста с заголовком, подзаголовком,
списком, картинкой, гиперссылкой
• Выносить все стили в отдельные CSS-файлы
• Все объемные (более 10 строк) JS-коды вынести в
отдельные файлы подключаемые в <head>
• Использовать единый формат адресов для ссылок
(оптимально — относительные вида «/catalog/obuv/») со
слешем (или без него) на конце
• Не ставить ссылки на индексные страницы («/index.php»)

Требования к вёрстке: 2
13
6. При вёрстке макета требуется:
• Добиться кроссбраузерности (список браузеров ниже)
• Не допускать конфликта CSS-стилей
• Внешним ссылкам прописывать target="_blank"
• Выполнить все обязательные требования выше

Основные ошибки верстальщика: 1
14
Использование текстовых заголовков h1-h6 в
качестве оформления (не к месту)

15
Грязный исходный код документа: фрагменты CSS,
JS, объемные комментарии

16
Битые и «разнообразные» ссылки
• Соседствующие абсолютные и относительные
• Со слешем и без слеша на конце
• С «index.php», «index.html» и т.д.

17
Значимые ошибки валидности
• Незакрытые парные html-теги
• Незаданные стили у используемых элементов
(по умолчанию у разных браузеров разные
стили, следовательно будет и различное
отображение)

Тезисы
18

Недоработки при разработке
19
А. Дублирование текста на страницах
постраничной навигации, настройках фильтров,
вложенных категориях и т.д.
Б. Отсутствие возможностей:
 задать уникальные Title, H1, Description
 изменить ЧПУ
 разместить текст
На каждой странице сайта (обычно, внимание
уделяется только ряду «избранных»).

Ошибки программиста: 1
20
1. Отсутствие внимания при настройке сервера:
• Время отклика сервера (до 0.2 секунд)
• Время загрузки кода страницы (до 0.7 секунд)
• Размер кода документа (до 120 КБ)
• Аптайм (от 99.85% и выше)
Негативный пример:
• Время отклика: 1 секунда → пользователь уходит.
• Время загрузки кода и его размер: 3 секунды и 500 КБ
(сопутствующие проблемы уже и с индексацией).
• Аптайм: Системный администратор выключает сервер,
когда уходит из офиса (реальная история).

Хватит это терпеть!
21
Действительно сезонные запросы
(с непредсказуемой сезонностью)
Пики до 300 000 запросов в месяц

22
2. При размещении сайта:
• Полный запрет сайта на индексацию (в robots.txt).
• Доступность сайта по двум и большему числу адресов
(с «www» и без, на тестовом домене domain.nichost.ru,
domain.1gb.ru, на зеркале в зоне РФ, HTTPS new!).
• Простой 301-редирект на новый домен (со старого, без
предварительной «подготовки» Яндекса к переезду):
pixelplus.ru/samostoyatelno/otvety-na-
voprosy/vnutrennyaya-optimizaciya/256772.html.
• Некорректные коды ответа сервера (не 200 OK для
корректных адресов и не 404 Not Found при запросе
некорректных адресов).
301-редирект: pixelplus.ru/studio/stat/kak-sdelat-301-redirekt/

Кто без греха, пусть первый…
23
Проблема с индексацией зеркал (разного рода)
возникает чаще, чем выдумаете

24
3. При программировании функциональных элементов:
• Постраничная навигация (должна индексироваться и
иметь корректный URL). Пример: site.ru/dir/page2/, а
не: site.ru/dir/?SECTION_CODE=vse-dlya-mitya-i-uhoda-
za-volosami-in&PAGEN_1=2.
• Страницы фильтров (в зависимости от тематики:
предусмотреть ЧПУ или вывод заданной настройки
фильтра на странице с ЧПУ). Помогает с привлечением
НЧ-трафика и тегированием.
• Сортировки (на страницах сортировок требуется
скрытие оптимизированного контента, уникальный
Title. В случае запрета на индексацию: скрытие ссылок
через AJAX).

25
4. При настройке сервера и CRM:
• Сессионные переменные в URL (вида «PHPSESSID=» и
«session_id=»).
• Индексация конфиденциальных данных (в админках
и личном кабинете пользователя вида: «/bitrix»,
«/login», «/admin», «/administrator», «/wp-admin»).
• Совершение действий (с URL-адресами вида:
«?action=ADD2BASKET», «?action=BUY» и т.д.).
• Некорректная настройка атрибута rel="canonical" тега
<link> (указание на неканонические станицы, путаница
при настройке).

Ошибки мешающие индексации: 1
26
1. Базовые файлы для каждого сайта:
• Корректный robots.txt
o Скрытие мусорных страниц
o Доступность основных контентных страниц
o Максимум 32 КБ
Особенности
• Длинные правила имеют приоритет перед короткими.
• Следует разделять директивы для Яндекса и других ПС.
• Работают базовые регулярные выражения.
• По умолчанию в конце каждого правила
подразумевается «*» если не указано обратное.

27
2. Базовые файлы для каждого сайта:
• Карта сайта в формате .xml (до 50 000 URL)
o Указание файла в панелях Вебмастера
o Своевременное обновление
• Лучше не указывать пусть к карте сайта в robots.txt и
назвать файл не просто sitemap.xml.
• Указывать только URL на том же домене.
• Иногда удобней иметь несколько карт (общую,
статейную, свежую/новостную).

28
3. Некорректная работа 404-ошибки:
• Попадание ненужных страниц в индекс
o Замусоривание и бесконечность сайта
o Сложности для дальнейшей диагностики
• Страница 404-ошибки = 404 Not Found для кода ответа.
• Без переадресации на другой URL (нет возможности
вернуться назад в браузере).
• Тот же дизайн, что и у всего сайта.
• Навигация по основных разделам, строка поиска.
• Возможен креатив: скидка в размере 4.04%.
• Отсутствие битых ссылок.

29
4. Отсутствие корректного ответа на запрос пользователя с
условием If-Modified-Since:
• Необходимо выдавать корректную дату модификации
документа в заголовке Last-Modified
• Если документ не менялся с запрошенной в «If-
Modidied-Since» даты, то выдавать 304 код ответа.
• Если менялся: 200 OK и html-код документа.
• Позволяет сократить объем передаваемого трафика.
• Повышает полноту и глубину индексации.
• Могут возникнуть трудности при настройке.

Невероятно, но факт!
30
Размещение
(выкатка в
продакшн)
Индексация
поисковыми
системами
Проверка
индексации,
SERP,
вебмастера
Выявление
ошибок,
внесение
изменений
Настройка
сайта и
служебных
файлов

Тезисы
31

Первичная настройка сайта: 1
32
Создайте файл robots.txt и настройте его.
Установите 301-редирект на основное зеркало.
Создайте и настройте файл 404-ошибки.
Проверьте корректность работы редиректов и
верность кода ответа сервера 404-ошибки.

33
Задайте уникальные теги Title для всех страниц или
убедитесь, что на сайте имеется такая возможность.
Установите уникальные meta-описания или убедитесь,
что на сайте имеется такая возможность.
Настройте ЧПУ для всех или ключевых страниц сайта.
Убедитесь, что ссылки ведут сразу на конечные URL.
Просканируйте сайт на предмет битых и некорректных
ссылок. Устраните их и причину их возникновения.

34
Просканируйте сайт повторно, убедитесь, что
проблема со ссылками решена.
Создайте карту сайта (sitemap в xml-формате) и
укажите пусть к ней в панелях Вебмастера.
Изучите исходный код основных страниц сайта.
Вынесите все куски JS и CSS в отдельные файлы.
Проверьте, что теги h1-h6 используются только как
текстовые заголовки, а не элементы дизайна.

35
Измерьте время отклика сервера и время загрузки
исходного кода документа для ключевых регионов.
Проведите базовое нагрузочное тестирование — от 10
активных пользователей онлайн.
Проверьте валидность кода основных
страниц/разделов, устраните существенные ошибки.
Проверьте корректность отображения в браузерах:
Chrome, Android, Safari, Firefox, Яндекс и Opera.

36
Настройте корректное отображение атрибута
rel="canonical" тега <link>.
Настройте заголовок Last-Modified и обработку
запроса с условием If-Modified-Since.
Контролируйте аптайм сервера по системам
статистики (не ниже 99,85%).
Не реже раза в месяц производите контроль
индексации — SERP, Вебмастер, сканирование

Какой должен быть результат?
37

Выводы
38
1. Корректную настройку сайта сложно (или невозможно)
произвести один раз и навсегда.
2. Собраны воедино наиболее частые ошибки
программистов, верстальщиков и дизайнеров при
разработке сайта.
3. Приведены основные рекомендации по настройке сайта
на стартовом этапе и дальнейшего контроля.
4. Ошибки, допущенные при проведении технической
оптимизации сайта — перечеркивает все усилия на пути
к хорошим позициям.
5. Правила является обязательными для продвижения и
входят в сферу ответственности SEO-специалистов.

Вопросы по докладу
40
Будем рады ответить на ваши
вопросы по докладу

Вспомогательные материалы
41
1. Статья «Техническая оптимизация сайта: как
перечеркнуть все старания на пути к ТОПу?»
https://devaka.ru/articles/technical-seo
2. Ответы на вопросы из раздела «Индексация»
http://www.pixelplus.ru/samostoyatelno/otvety-na-
voprosy/indeksatsiya/
3. Базовые SEO-требования к документам:
http://www.pixelplus.ru/samostoyatelno/stati/vnutrennie-
faktory/bazovye-seo-trebovaniya.html

manager@pixelplus.ru, seo@pixelplus.ru
Отдел продаж: +7 (499) 346-21-31
Основной офис в Москве:
115419, Москва, ул. Шаболовка, дом 34
15 июля 2015
Конференция «SEO 2015» от MegaIndex
SEO для разработчика сайта

SEO для разработчика сайта

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Viewers also liked

Viewers also liked (20)

Similar to SEO для разработчика сайта

Similar to SEO для разработчика сайта (20)

More from Дмитрий Севальнев

More from Дмитрий Севальнев (12)

SEO для разработчика сайта