Конференция 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

Универсальные требования: 15

1. Возможность задать уникальные:

• Тег Title

• Meta-тег Description

• URL-адрес документа (с ЧПУ)

Пример:

• Title: Продвижение сайта самостоятельно, раскрутка сайтов своими руками

• Description: Проект «Продвижение сайта самостоятельно» — только авторитетные советы, статьи и ответы на вопросы по продвижению сайтов (SEO) в Яндексе и Google. Подборка сервисов.

• URL: http://www.pixelplus.ru/samostoyatelno/

Универсальные требования: 26

2. Размещение уникальных для документа:

• Тега H1

• Текста в html-формате

Пример:

• H1: Продвижение самостоятельно

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

Примеры документов на сайте7

Данные требования должны удовлетворяться для всех страниц сайта, доступных для индексации, в том числе для:

• Общих страниц: Контакты, О компании и т.д.

• Страниц категорий и подкатегорий.

• Страниц постраничной навигации (пагинации).

• Детальных страниц (товары, услуги).

• Страниц тегов, популярных фильтров.

• Различных языковых версий.

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

Требования к дизайну: 19

3. Дизайнер должен прорисовать:

• Стили заголовков h1-h3

• Вёрстку текста параграфами

• Нумерованные и маркированные списки

• Дизайн гиперссылок, акцентов в тексте

Пример:

Требования к дизайну: 210

4. В макете предусмотреть:

• Текстовые ссылки в меню (не картинки, не Flash)

• Масштабирование меню (увеличение пунктов в 2 раза)

• Текстовый заголовок

• Место для размещения текста описания от 800 до 3 000 символов текста

• Сквозные ссылки на основные (продвигаемые) разделы

• Цепочку навигации

• Размещение нескольких иллюстрирующих фотографий (для детальных страниц товаров и для разбавки текстового блока)

Примеры «косяков» дизайна11

Супер-меню (Flash или картинки вместо текста)

Уникальная заставка (на Flash) вместо первого экрана

Требования к вёрстке: 112

5. При вёрстке макета требуется:

• Вообще не использовать теги текстовых заголовков h1-h6 (исключительно при вёрстке текста)

• Сверстать пример текста с заголовком, подзаголовком, списком, картинкой, гиперссылкой

• Выносить все стили в отдельные CSS-файлы

• Все объемные (более 10 строк) JS-коды вынести в отдельные файлы подключаемые в <head>

• Использовать единый формат адресов для ссылок (оптимально — относительные вида «/catalog/obuv/») со слешем (или без него) на конце

• Не ставить ссылки на индексные страницы («/index.php»)

Требования к вёрстке: 213

6. При вёрстке макета требуется:

• Добиться кроссбраузерности (список браузеров ниже)

• Не допускать конфликта CSS-стилей

• Внешним ссылкам прописывать target="_blank"

• Выполнить все обязательные требования выше

Основные ошибки верстальщика: 114

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


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


Битые и «разнообразные» ссылки

• Соседствующие абсолютные и относительные

• Со слешем и без слеша на конце

• С «index.php», «index.html» и т.д.


Значимые ошибки валидности

• Незакрытые парные html-теги

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

Тезисы18








Недоработки при разработке19

А. Дублирование текста на страницах постраничной навигации, настройках фильтров, вложенных категориях и т.д.

Б. Отсутствие возможностей:

задать уникальные Title, H1, Description

изменить ЧПУ

разместить текст

На каждой странице сайта (обычно, внимание уделяется только ряду «избранных»).

Ошибки программиста: 120

1. Отсутствие внимания при настройке сервера:

• Время отклика сервера (до 0.2 секунд)

• Время загрузки кода страницы (до 0.7 секунд)

• Размер кода документа (до 120 КБ)

• Аптайм (от 99.85% и выше)

Негативный пример:

• Время отклика: 1 секунда → пользователь уходит.

• Время загрузки кода и его размер: 3 секунды и 500 КБ (сопутствующие проблемы уже и с индексацией).

• Аптайм: Системный администратор выключает сервер, когда уходит из офиса (реальная история).

Хватит это терпеть!21

Действительно сезонные запросы (с непредсказуемой сезонностью)

Пики до 300 000 запросов в месяц


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/

http://www.pixelplus.ru/samostoyatelno/otvety-na-voprosy/vnutrennyaya-optimizaciya/256772.html

pixelplus.ru/studio/stat/kak-sdelat-301-redirekt/

Кто без греха, пусть первый…23

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


3. При программировании функциональных элементов:

• Постраничная навигация (должна индексироваться и иметь корректный URL). Пример: site.ru/dir/page2/, а не: site.ru/dir/?SECTION_CODE=vse-dlya-mitya-i-uhoda-za-volosami-in&PAGEN_1=2.

• Страницы фильтров (в зависимости от тематики: предусмотреть ЧПУ или вывод заданной настройки фильтра на странице с ЧПУ). Помогает с привлечением НЧ-трафика и тегированием.

• Сортировки (на страницах сортировок требуется скрытие оптимизированного контента, уникальный Title. В случае запрета на индексацию: скрытие ссылок через AJAX).


4. При настройке сервера и CRM:

• Сессионные переменные в URL (вида «PHPSESSID=» и «session_id=»).

• Индексация конфиденциальных данных (в админкахи личном кабинете пользователя вида: «/bitrix», «/login», «/admin», «/administrator», «/wp-admin»).

• Совершение действий (с URL-адресами вида: «?action=ADD2BASKET», «?action=BUY» и т.д.).

• Некорректная настройка атрибута rel="canonical" тега <link> (указание на неканонические станицы, путаницапри настройке).

Ошибки мешающие индексации: 126

1. Базовые файлы для каждого сайта:

• Корректный robots.txt

o Скрытие мусорных страниц

o Доступность основных контентных страниц

o Максимум 32 КБ

Особенности

• Длинные правила имеют приоритет перед короткими.

• Следует разделять директивы для Яндекса и других ПС.

• Работают базовые регулярные выражения.

• По умолчанию в конце каждого правила подразумевается «*» если не указано обратное.


2. Базовые файлы для каждого сайта:

• Карта сайта в формате .xml (до 50 000 URL)

o Указание файла в панелях Вебмастера

o Своевременное обновление


• Лучше не указывать пусть к карте сайта в robots.txt и назвать файл не просто sitemap.xml.

• Указывать только URL на том же домене.

• Иногда удобней иметь несколько карт (общую, статейную, свежую/новостную).


3. Некорректная работа 404-ошибки:

• Попадание ненужных страниц в индекс

o Замусоривание и бесконечность сайта

o Сложности для дальнейшей диагностики


• Страница 404-ошибки = 404 Not Found для кода ответа.

• Без переадресации на другой URL (нет возможности вернуться назад в браузере).

• Тот же дизайн, что и у всего сайта.

• Навигация по основных разделам, строка поиска.

• Возможен креатив: скидка в размере 4.04%.

• Отсутствие битых ссылок.


4. Отсутствие корректного ответа на запрос пользователя с условием If-Modified-Since:

• Необходимо выдавать корректную дату модификации документа в заголовке Last-Modified

• Если документ не менялся с запрошенной в «If-Modidied-Since» даты, то выдавать 304 код ответа.

• Если менялся: 200 OK и код документа.


• Позволяет сократить объем передаваемого трафика.

• Повышает полноту и глубину индексации.

• Могут возникнуть трудности при настройке.

Невероятно, но факт!30

Размещение (выкатка в продакшн)

Индексация поисковыми системами

Проверка индексации,

SERP, вебмастера

Выявление ошибок, внесение

изменений

Настройка сайта и

служебных файлов

Тезисы31








Первичная настройка сайта: 132

Создайте файл robots.txt и настройте его.

Установите 301-редирект на основное зеркало.

Создайте и настройте файл 404-ошибки.

Проверьте корректность работы редиректов и верность кода ответа сервера 404-ошибки.


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

Установите уникальные meta-описания или убедитесь, что на сайте имеется такая возможность.

Настройте ЧПУ для всех или ключевых страниц сайта. Убедитесь, что ссылки ведут сразу на конечные URL.

Просканируйте сайт на предмет битых и некорректных ссылок. Устраните их и причину их возникновения.


Просканируйте сайт повторно, убедитесь, что проблема со ссылками решена.

Создайте карту сайта (sitemap) и укажите пусть к ней в панелях Вебмастера.

Изучите исходный код основных страниц сайта. Вынесите все куски JS и CSS в отдельные файлы.

Проверьте, что теги h1-h6 используются только как текстовые заголовки, а не элементы дизайна.


Измерьте время отклика сервера и время загрузки исходного кода документа для ключевых регионов.

Проведите базовое нагрузочное тестирование — от 10 активных пользователей онлайн.

Проверьте валидность кода основных страниц/разделов, устраните существенные ошибки.

Проверьте корректность отображения в браузерах: Chrome, Android, Safari, Firefox, Яндекс и Opera.


Настройте корректное отображение атрибута rel="canonical" тега <link>.

Настройте заголовок Last-Modified и обработку запроса с условием If-Modified-Since.

Контролируйте аптайм сервера по системам статистики (не ниже 99,85%).

Не реже раза в месяц производите контроль индексации — SERP, Вебмастер, сканирование

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

Выводы38

1. Корректную настройку сайта сложно (или невозможно) произвести один раз и навсегда.

2. Собраны воедино наиболее частые ошибки программистов, верстальщиков и дизайнеров при разработке сайта.

3. Приведены основные рекомендации по настройке сайта на стартовом этапе и дальнейшего контроля.

4. Ошибки, допущенные при проведении технической оптимизации сайта — перечеркивает все усилия на пути к хорошим позициям.

5. Правила является обязательными для продвижения и входят в сферу ответственности SEO-специалистов.

Вопросы по докладу40

Будем рады ответить на ваши

вопросы по докладу

[email protected], [email protected]

Отдел продаж: +7 (499) 346-21-31

Основной офис в Москве:115419, Москва, ул. Шаболовка, дом 34

19 марта 2015Конференция «SEO-Практикум»

SEO и разработка сайта — как делать надо и не надо

Internet

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