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 для активирования после полной загрузки.