SEO-вёрстка: основные термины, правила и практические рекомендации
SEO-вёрстка – это специфическая компоновка элементов кода интернет-страницы, способствующая продвижению поисковых запросов на целевой странице. Основной целью SEO-вёрстки является поисковое продвижение сайта и экономия бюджета.
Специфика и основной метод SEO-вёрстки
Специфика SEO-вёрстки лежит в осознании ценности для пользователя и установлении приоритетности контентного наполнения над графическим трафиком. Главный подход SEO-вёрстки состоит в размещении контентной части как можно ближе к началу страницы в целях её эффективной подачи поисковой системе. Пример: намеренное поднятие блока контента выше места расположения блока сайдбара (или наоборот).
Требование универсальности и унификации
Профессиональная верстка кода сайта обязана быть кроссбраузерной и кроссплатформенной. Содержимое правильно сверстанной страницы должно быть доступно каждому посетителю, вне зависимости от типа операционной системы или используемого браузера. Стандарты языка кодирования должны соблюдаться неукоснительно.
Основные рекомендации кодировщику
- Код сайта подлежит документированию;
- Не комментируйте очевидное;
- Ограничивайте длину строки кода. Узкая колонка выигрышна для восприятия;
- Выработайте систему применения отступов и придерживайтесь ее;
- Систематизируйте код — храните однотипные задачи в отдельных блоках, разделив их пробелами;
- Don’t Repeat Yourself (DRY) – избегайте тавтологии;
- Duplication is Evil (DIE) – дублирование – зло;
- Не проваливайтесь в глубокие вложения условных операторов;
- Помните последовательность имен, не смешивайте промежуточные переменные;
- Код и данные храните отдельно;
- Размещайте все стили в отдельном файле;
- Разделяйте код на функциональные модули, так проще вносить изменения и использовать компоненты.
Теги для использования SEO
- ALT и TITLE – обязательные теги для картинок;
- Применяйте теги H1 или H2 для заголовков;
- Применяйте тег H3 для подзаголовков (не B и не STRONG);
- Не используйте теги B или STRONG чрезмерно;
- Помните, что для поисковых систем тег STRONG преимущественней B; em лучше, чем i;
- Старайтесь использовать следующие мета-теги:
- meta name=»keywords»,
- meta name=»title»,
- meta name=»description».
- Подгружайте js-скрипты в центре или ближе к концу страницы. Полезно задать в jQuery для активирования после полной загрузки.