Оптимизация кода

На сайте все должно быть прекрасно – и юзабилити, и дизайн, и поведенческие факторы, и HTML-код. Хорошая работа с HTML-кодом демонстрирует поисковым системам, что владельцы ресурса очень серьезно заботятся о качестве. Наличие на сайте ошибок в коде или мусорных тегов приводят к нарушению функционирования ресурса, замедлению скорости загрузки страниц и другим неприятностям. Все это приводит к низкому уровню ранжирования сайта в поисковой выдаче. А это значит, что будет мало посетителей и низкие доходы.

Оптимизация кода страницы сайта – это довольно кропотливая и скрупулезная работа. К счастью, эту задачу можно автоматизировать и упростить при помощи специальных плагинов в системах управления контентом. Хорошие профессиональные конструкторы сайтов имеют внутренние функции для всестороннего тестирования сайта по многим параметрам. В том числе и проверка оптимизации кода и его чистоты. На что следует обратить внимание в первую очередь? Оптимизаторы уже разработали контрольный чек-лист, описывавший задачу по оптимизации кода.

Оптимизация метатегов

1. Title – заголовок страницы должен обязательно содержать главное ключевое слово. Именно этот фактор учитывается при определении релевантности сайта поисковому запросу. И если заголовок не является ответом на вопрос пользователя, маловероятно, что именно этот ресурс будет выбран для посещения. Важно соблюдать размер заголовка. Если название страницы будет длиннее примерно 65 символов, поисковик просто обрезает предложение и тогда пользователи увидят бессмысленный текст. Заголовки и подзаголовки могут включать дополнительные ключевые слова для расширения возможностей поиска.

2. Метатег description (описание) используется Google в качестве сниппета (кстати в недавнем прошлом ) – анонса сайта на SERP. Яндекс выбирает сниппет из любого места текста по своим принципам. Если сниппет окажется неудовлетворительным, можно просто отредактировать абзац на месте, где он находится.

3. Метатег keywords (ключевые слова) не играют особой роли. Но не мешает их все же тщательно прописать. В тексте количество ключевых слов сегодня не требует определенной численности. Гораздо важнее богатство словаря и использование специальной терминологии при развитии темы.

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

5. Кроме всего вышеперечисленного, нужно использовать веб-совместимые шрифты. Иначе могут возникать сложности с отображением текста в браузерах.

Очистка кода от мусора (Оптимизация html кода)

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

Валидация и стандартизация

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

Оптимизация графики

Графика в хорошем качестве очень много весит и сильно перегружает ресурс. Все картинки хранятся не на страницах, а в отдельной директории и в сжатом состоянии. В теги Alt и Description (всплывающее описание картинки), в название файла полезно добавить ключевые слова. Это повышает видимость сайта в поиске по картинкам и облегчает поисковым роботам задачу индексации.

Оптимизация скриптов

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

Удаление битых ссылок

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

Семантическая разметка

Поисковые машины очень любят семантическую разметку, которая делает веб-страницы намного более информационно насыщенными. Однако веб-мастера и оптимизаторы насколько увлеклись этой семантикой, что уже и данный фактор почти находится под подозрением как серая оптимизация. Во всем следует соблюдать умеренность и почаще посещать сайты Google и Яндекс. Там можно много полезного узнать об актуальных требованиях к качеству сайтов и, в частности, HTML-кода.

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

В статье " описаны общие принцыпы оптимизации сайта. Не забудьте ознакомиться.


Поделись с друзьями

Поделиться
Плюсануть
Поделиться

Не пропускайте новые материалы, получайте анонсы прямо на e-mail!

Добавить комментарий

Защитный код
Обновить

Комментарии  

Руслан
0 # Руслан 24.03.2015 10:39
Хорошая статья, написано понятно, кратко и интересно, с телефона прекрасно читается, правда, хотелось бы ещё изображений, чтобы был не сплошной текст.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Максим
0 # Максим 22.03.2015 08:36
Цитирую khudobin:
Согласен с автором, пункты указанные в статье действительно важные. Единственное, что хочу добавить , Гугл еще рекомендует убирать элементы JavaScript и CSS из верхней части страницы.

Только если java и css переедут в низ страницы, замучаетесь валидатору объяснять что это не ошибка. Вобщем чем-то надо жертвовать.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
khudobin
0 # khudobin 22.03.2015 08:26
Согласен с автором, пункты указанные в статье действительно важные. Единственное, что хочу добавить , Гугл еще рекомендует убирать элементы JavaScript и CSS из верхней части страницы.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
Элина
0 # Элина 11.03.2015 08:16
Все искала статью про оптимизацию кода страниц - все, что находила, написано замудрено. А тут все просто и написано доходчивым простым языком!
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору
антон
+1 # антон 10.03.2015 09:41
Написано все довольно просто и доходчиво. Очень хорошая пошаговая инструкция по оптимизации страницы. Возьму статью на заметку.
Ответить | Ответить с цитатой | Цитировать | Сообщить модератору