SEO-вёрстка: основные термины, правила и практические рекомендации

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