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

Универсальные требования: 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







Кто без греха, пусть первый…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 и html-код документа.

Особенности• Позволяет сократить объем передаваемого трафика.• Повышает полноту и глубину индексации.• Могут возникнуть трудности при настройке.

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

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

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

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

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

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

изменений

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

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

Тезисы31








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

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

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

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

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


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

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

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

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


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

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

Изучите исходный код основных страниц сайта. Вынесите все куски 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

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

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

Вспомогательные материалы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

https://devaka.ru/articles/technical-seo



http://www.pixelplus.ru/samostoyatelno/otvety-na-voprosy/indeksatsiya/



http://www.pixelplus.ru/samostoyatelno/stati/vnutrennie-faktory/bazovye-seo-trebovaniya.html



[email protected], [email protected]

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

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

15 июля 2015Конференция «SEO 2015» от MegaIndex

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

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

Internet