Конференция SEO-ПРАКТИКУМ — Севальнев — SEO и разработка сайта

SEO и разработка сайта — как
делать надо и не надо
19 марта 2015
Конференция «SEO-Практикум»

Дмитрий Севáльнев
2
О спикере
 Ведение и контроль более 150
сайтов по рекламе в интернете и
SEO на постоянной основе.
 Ведущий передач «Практика SEO»,
«Аналитика SEO» и «Познай ТОП»
на MegaIndex.tv.
 Участие в развитии более 550
проектов.
 Выступления на отраслевых
конференциях: РИФ+КИБ, СПИК,
AllinTopConf, SEO 2013, SEO 2014,
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 и код документа.
• Позволяет сократить объем передаваемого трафика.
• Повышает полноту и глубину индексации.
• Могут возникнуть трудности при настройке.

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

Тезисы
31

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

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

34
Просканируйте сайт повторно, убедитесь, что
проблема со ссылками решена.
Создайте карту сайта (sitemap) и укажите пусть к ней в
панелях Вебмастера.
Изучите исходный код основных страниц сайта.
Вынесите все куски 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
Будем рады ответить на ваши
вопросы по докладу

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

Конференция SEO-ПРАКТИКУМ — Севальнев — SEO и разработка сайта

More Related Content

What's hot

Viewers also liked

Similar to Конференция SEO-ПРАКТИКУМ — Севальнев — SEO и разработка сайта

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

Конференция SEO-ПРАКТИКУМ — Севальнев — SEO и разработка сайта