Набор мероприятий по оптимизации HTML и/или CSS кодов, нацелен на уменьшение времени загрузки страниц сайта, облегчению поисковым роботам восприятия правильной архитектуры страницы, увеличению валидности и как следствие – росту позиций сайта в естественной выдаче поисковиков.
Большое количество кода на страницах, его низкая валидность и замусоренность значительно замедляет время загрузки страниц делая работу с сайтом для конечного пользователя неудобной и может привести к штрафным санкциям со стороны поисковиков.
Решать данную проблему необходимо в первостепенном порядке, при начале работ по продвижению сайта. Что же для этого делается?
Не секрет, что меньший объём кода, загружается значительно быстрее, работать с ним приятнее, проще искать ошибки. При этом и поисковый робот затратит меньшее время для ознакомления со страницей посредством её сканирования, а скорость загрузки - один из немаловажных факторов ранжирования в поисковых системах. Для первоначальной оптимизации кода нужно вынести все повторяющиеся стили текстов, div-контейнеров и других элементов страницы в CSS стили и назначать их при помощи тегов class, style или id.
Любое применение импорта в таблице стилей значительно влияет на время загрузки страницы в негативную сторону. Хотя полный отказ от импорта и не принесёт радикального снижения времени загрузки страниц, но при применении данного мероприятия в купе с остальными по оптимизации кода, оно поможет добиться того самого требуемого результат времени загрузки, так любимого поисковиками.
При непрофессиональном ведении сайта очень часто приходиться наблюдать постепенное «захламление» странницы, особенно если пользователь её часто редактирует, пустым кодом, крайне негативно отражающемся, как на скорости загрузки, так и на валидности самой страницы. Ошибки такого плана, обычно возникают вследствие работы с редактором текста CMS без использования html-источника. В результате страница переполняется пустыми тегами типа:
<div style="text-align: left"></div>,
<span style="color: rgb(0,0,0)"> </span>,
<strong><span style="font-size: medium"><br /></span></strong>,
<b></b>,
и другими бесполезными и даже вредными тегами.
При этом, мусор такого плана может занимать объём в несколько раз больший, чем собственно размещённый текст, мешая его нормальной индексации. Такое безобразие на странице не просто мешает нормальной работе с ней, но и очень, очень негативно влияет на её рейтинг в глазах поисковых роботов.
Ни одна из поисковых систем никогда не выдаст страницу с кучей ошибок в коде, не оптимизированную или с очень низкой валидностью на хорошие позиции в естественной выдаче. Особенно данное правило касается самых крупных, а поэтому интересных для занятия их ТОП поисковиков: Яндекс и Гугол.
Самое неприятное, что визуально, для владельца ресурса и для посетителя, страница может отображаться вполне нормально, не выявляя каких бы то ни было недостатков в вёрстке размещённых на ней элементов. Однако, поисковые роботы работают именно с кодом страниц и именно поэтому видят то, что скрыто браузерами от рядового пользователя.
Вот, как пример одна из очень частых ошибок кода: использование стилей внутри тегов заголовков, что абсолютно недопустимо.
<h2 style="text-align: justify;">Купить слона</h2>
При этом, не стоит слишком фанатично относится к наличию ошибок в коде сайта, как таковых. Действительно, частенько встречаются не критические ошибки и даже самые крупные игроки не хотят тратить время и средства для их устранение и получения 100% валидности. Например, на главной странице Яндекса десять ошибок и пять предупреждений, а Гугол хвастает и вовсе двадцатью тремя ошибками при тех же пяти предупреждениях.
Профессиональная оптимизация HTML и CSS кодов оказывает значительное влияние на рейтинг сайта в глазах поисковиков, а как следствие на продвижение сайта. Чистка кода на страниц и стилей не просто желательная процедура, а безусловно необходимое для любого сайта мероприятие, позволяющее ему занимать ТОПовые позиции в естественной выдаче поисковиков по высоко-конкурентным ключевым словам.