Основные моменты при разработке сайта, на которые следует обращать внимание

1. SEO при разработке сайта
Автор: Сергей Зорин

2. СОДЕРЖАНИЕ
• Основные SEO-требования к сайту
• Требования к дизайну
• Ошибки верстальщика
• Ошибки программиста
• Типичные недоработки
• Ошибки, мешающие индексации
• Первичная настройка сайта
• Выводы

3. ОСНОВНЫЕ SEO-ТРЕБОВАНИЯ К САЙТУ
• На сайте должна быть возможность задавать для конкретной страницы:
• Title
• Description
• URL (с ЧПУ)

4. ОСНОВНЫЕ SEO-ТРЕБОВАНИЯ К САЙТУ
• На конкретной странице должна быть возможность:
• Задать уникальный тег H1
• Разместить текст в html-формате

5. ТРЕБОВАНИЯ К ДИЗАЙНУ
В дизайне должны быть отрисованы:
• Заголовки H1-H6
• Параграфы
• Таблицы с заголовками
• Нумерованные и маркированные списки
• Цитаты
• Гиперссылки

6. ТРЕБОВАНИЯ К ДИЗАЙНУ
В макете должно быть предусмотрены:
• Текстовые ссылки в меню
• Масштабирование меню (при увеличении пунктов)
• Текстовый заголовок
• Место для размещения контента
• Хлебные крошки
• Размещение фотографий

7. ТРЕБОВАНИЯ К ВЁРСТКЕ
При верстке макета необходимо:
• Не использовать теги текстовых заголовков H1-H6 (использовать их только
для контента)
• Вынести все стили в отдельные подключаемые CSS файлы
• JS по максимуму вынести в отдельные подключаемые файлы
• Добиться высокой скорости загрузки страниц
• При уменьшении масштаба страницы в браузере до 90% ничего не должно
съезжать

8. ТРЕБОВАНИЯ К ВЁРСТКЕ
От верстальщика необходимо:
• Добиться кроссбраузерности (Chrome, Opera, Safari, Internet Explorer)
• Добиться адаптивности под различные экраны пользователей
• Внешние ссылки должны иметь атрибут target=“_blank”
• Телефоны на сайте должны иметь атрибут tel для возможности совершить
звонок с мобильного

9. ОШИБКИ ВЁРСТКИ – 1
• Использование заголовков h1-h6 в качестве элементов оформления

10. ОШИБКИ ВЁРСТКИ – 2
• Грязный исходный код страницы (все
скрипты и CSS-стили должны быть вынесены
в отдельные подключаемые файлы)

11. ОШИБКИ ВЁРСТКИ – 3
Битые и неканонические ссылки:
• Относительные и абсолютные
• Со слешем и без слеша на конце
• С “index.php” или “index.html”

12. ОШИБКИ ВЕРСТАЛЬЩИКА
Ошибки валидации:
• Незакрытые парные html-теги
• Незаданные стили у элементов

13. ОШИБКИ ПРОГРАММИСТА
• Сессионные переменные в URL на сайте
• Длительное время отклика сервера
• Большой размер страницы (более 200 КБ)
• Индексация конфиденциальных данных (админки, истории заказов)

14. ТИПИЧНЫЕ НЕДОРАБОТКИ
• Дублирование текста на страницах пагинации, настройки фильтров или
вложенных подкатегориях
• Отсутствие возможности
• задать уникальные Title, H1, Description
• изменить ЧПУ
• разместить текст

15. ОШИБКИ, МЕШАЮЩИЕ ИНДЕКСАЦИИ
• Запрет на индексацию сайта в robots.txt, внесенный на этапе разработки
• Доступность сайта по техническому домену (например, site. swtest.ru)
• Неправильная настройка редиректов при переносе сайта на новый домен
• Некорректные коды ответа от сервера
• Сессионные переменные в URL

16. ОШИБКИ, МЕШАЮЩИЕ ИНДЕКСАЦИИ
• Robots.txt
• Скрытие административной части сайта от индексации при помощи директив
• Следует написать отдельные директивы непосредственно для поискового робота
Яндекса
• Определить директивой Host основное зеркало сайта
• Указать путь к файлу sitemap.xml
• Подробнее тут: help.yandex.ru

17. ПЕРВИЧНАЯ НАСТРОЙКА САЙТА
• Создание файла robots.txt и его настройка
• Установка 301 редиректа на основное зеркало
• Создание и настройка страницы 404
• Корректность работы ответов сервера и ответа страницы с 404-ошибкой
• Уникальные метатеги Title для всех страниц сайта
• Уникальные метатеги Description для ключевых страниц сайта, а на остальные
– настройка автоматического формирования по шаблону
• ЧПУ для ключевых страниц сайта
• Анализ сайта на наличие битых и некорректных ссылок

18. ПЕРВИЧНАЯ НАСТРОЙКА САЙТА
• Создание карты сайта (Sitemap.xml) и указание пути к ней в панелях Яндекса и
Google
• Вынесение по максимуму стилей и ява-скриптов в отдельные подключаемые
файлы
• Использование тегов h1-h6 для текста, а не для элементов дизайна
• Анализ скорости загрузки страниц сайта
• Проведение тестирования по нагрузке (с использованием различных
сервисов)
• Проверка валидности кода основных страниц сайта
• Корректность отображения в основных браузерах

19. СТАТИСТИКА ПОПУЛЯРНОСТИ БРАУЗЕРОВ
Июль 15
Google Chrome Android Browser Mobile Safari Firefox Opera Яндекс.Браузер Explorer

20. ПЕРВИЧНАЯ НАСТРОЙКА САЙТА
• Контроль аптайма сервера (хороший показатель – 99,7 и более)
• Анализ индексации (съем позиций, наблюдение за количеством страниц в
индексе)
• Регулярная проверка ошибок в панелях вебмастеров

21. ВЫВОДЫ
• Выявление и устранение проблем на этапе верстки и программирования
способно сэкономить время в последующей работе
• Ошибки, допущенные на начальных этапах могут стать серьезным тормозом
при продвижении
• Проще не допустить, чем потом исправлять

22. КОНТАКТЫ
Москва, ул. Народного
Ополчения, д. 34, стр. 1, оф. 319
+7 495 981 66 80
+7 925 185 58 25
zorin@aevrika.ru