Раскрутка веб-сайта — практическое руководство. Оптимизация html

Как ни странно, но большая часть новичков, пополнивших ряды веб-мастеров, часто сводят раскрутку сайта в интернете к употреблению ключевых запросов и закупки ссылочной массы, совершенно забывая о том, что раскрутка – это комплекс мероприятий, среди которых немаловажное значение имеет оптимизация html.

Зачем нужна оптимизация html кода?

Понятно, что многие, обсуждая вопрос валидности кода и его влияния на ранжирование сайтов, приводят в качестве оправдания ошибки самих поисковых систем, например, у Яндекса имеется около 30 ошибок.

Поисковая система Google тоже не может похвастаться безупречным html кодом. Однако здесь следует помнить, что у поисковых систем – задачи совершенно иные, потому не нужно сравнивать их «расхлябанность» с вашим сайтом, если есть желание получить входящий трафик и постоянную аудиторию.

Иными словами, поисковики, хоть и являются роботами, но тоже просматривают ваш сайт. Только видят они его не как человек, а изнутри, изучая весь внутренний его мир благодаря html коду. И если в верстке сайта есть ошибки, соответственно, поисковый робот может проигнорировать и пропустить информацию, которую Вы любезно решили предоставить ему, хотя контент для посетителей будет доступен.

Что включает в себя оптимизация html кода?

Поскольку для получения полноценного трафика вам нужно будет полностью угодить поисковым системам, то вам придется позаботиться о:

  • легкости распознавания кода;
  • соответствии кода показателям текстовой релевантности;
  • уменьшении веса html кода;

Распознавание кода

В данном случае подразумевается легкий вариант кода, например, если вы используете вложенные дивы в дивах, которым конца и края нет, то лучше пересмотрите верстку – всегда есть возможности найти более простой выход. Кроме того, в коде не должно присутствовать ошибок, например, незакрытый тег div.

Правила построения сайтов определяются согласно стандарту W3C. Проверить валидность кода можно на www.w3.org. Если ошибки присутствуют, стоит обязательно их удалить.

Показатели текстовой релевантности

На релевантность текста влияют не только употребляемые ключевые слова, но и то, насколько правильно текст оформлен. В идеале текст должен быть оформлен приблизительно так, как на скрине.

Согласно правилам, важная информация должна размещаться выше в коде. Тег title имеет наибольший вес, чем мета description или keywords, потому рекомендуется сначала прописывать название страницы, потом мета-теги.

Заголовки и подзаголовки должны быть заключены в теги соответствующим образом — <h1> — <h6>. По возможности рекомендуется также использовать списки.

При необходимости выделять текст курсивом, жирным, полужирным. Но в то же время каждый тег следует использовать только по назначению, например, если вы цитируете, то, естественно, должен присутствовать тег цитаты.

В то же время приведенный выше пример не стоит использовать в чистом виде. Информацию нельзя подавать в виде полотна, ее стоит разбавлять картинками, диаграммами и таблицами. Изображения обязательно стоит подписывать тегом alt.

Вес html кода

Вес страницы влияет на скорость ее загрузки. Если страница грузится быстро, то она имеет некоторый приоритет перед информацией, расположенной на конкурентных сайтах.

Для ускорения загрузки страниц следует в первую очередь оптимизировать изображения на сайте, как правило, в некоторых случаях можно уменьшить размер изображений, и страница будет грузиться значительно быстрее.

Не рекомендуется использовать БМП и TIFF.

JS и CSS следует выносить в отдельные файлы. Небольшие изображения, участвующие в оформлении страницы, следует объединять в спрайты.

Кроме того, сам html код не должен содержать лишних пробелов. Правда, на этот счет до сих пор многие веб-мастера спорят.

С одной стороны – очистка кода от лишних пробелов позволяет уменьшить процентов на 8% вес страницы, поскольку 1 символ в коде приравнивается к 1 байту.

С другой стороны – очистка кода несет в себе затруднение последующего его редактирования, особенно, если первоначально над версткой сайта работал один человек, а редактировать код придется другому мастеру.

Проверить скорость загрузки и получить рекомендации по ускорению вы можете на странице developers.google.com/speed/pagespeed/insights.

Не лишним также будет посмотреть на сайт глазами самих поисковых роботов, чтобы окончательно убедиться в том, что html код также имеет значение.