Блог

Техническая оптимизация сайта

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

О роли технической оптимизации

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

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

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

Оптимизация технической части

1. Скорость. Если загрузка веб-проекта отнимает более 3-х секунд, ресурс неизбежно теряет посетителей. Медленный сайт не нравится ни пользователям ни поисковикам.

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

Описать все советы по ускорению сайта здесь невозможно, но среди общих рекомендаций отметим:

- оптимизацию (сжатие) изображений без потери качества;

- перенос в конец списка загрузки всех исполняемых скриптов (JavaScript, CSS);

- объединение элементов в единые файлы (скрипты – к скриптам, стили – к стилям);

- объединение мелких картинок в единые спрайты (листы картинок);

- очистку кода страниц от описаний стилей и лишнего, «мусорного» кода;

- включение сжатия и архивирования статичных фрагментов;

- использование возможностей кэширования в пользовательских браузерах.

2. Нерабочие ссылки. Все ссылки ресурса (внешние и внутренние) должны работать безупречно и указывать на реальные страницы или сервисы. Избавление проекта от так называемых «битых» (нерабочих) ссылок – важная часть технической оптимизации.

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

3. Дубли. Дублирующиеся страницы – это участки сайта, имеющие идентичный или схожий контент, но разные адреса URL. При индексации и ранжировании таких страниц возникает естественная путаница. В результате выдачу могут заполнить не те страницы, которые продвигает вебмастер, а их дубли. Дубли также приводят к рассредоточению важности страницы, потере уникальности, снижению статического веса.

Чтобы избавиться от этого неприятного момента и устранить техническую ошибку, нужно:

- грамотно спроектировать структуру;

- внести ограничения в файл robots.txt (команды для роботов);

- использовать тег noindex и атрибут ссылок nofollow;

- воспользоваться специальными атрибутами канонизации (rel=“canonical”).

4. Адреса URL. Сложно вести техническую оптимизацию уже запущенного и рабочего ресурса в отношении адресов URL. Любые вмешательства в адреса проиндексированных страниц оканчиваются плохо. Тем не менее, у новых и молодых сайтов данный элемент еще не устоялся, и его пока можно улучить.

Суть оптимизации URL сводится к повышению его читабельности, запоминаемости, использованию ЧПУ («человекопонятных URL»), упрощению, внедрению ключевых слов, приведению адреса к статическому виду. Простые и читабельные адреса, которые остаются стабильными, лучше воспринимаются пользователями и роботами, а именно это и нужно оптимизатору.

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

Для оценки качества верстки используется инструмент проверки валидации (валидности, чистоты, правильности) кода. При этом оценке и технической оптимизации подлежит:

- основной программный код HTML (в соответствии с заданным типом документа);

- программный код стилей (валидность CSS);

- исполняемый код скриптов (JavaScript, PHP).

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

6. Заголовки. Техническая оптимизация будет неполной, если не проверить уникальность заголовков страниц. На сайте не может быть 2-х страниц с одинаковыми заголовками, и данный параметр легко проверяется специальными инструментами технического аудита. Если же подобный казус встречается, его следует устранить.

7. Ответ сервера. На последнем этапе оптимизации полезно проверить ответ сервера с разных страниц ресурса. Нормальным считается ответ 200, но также допускаются редиректы (301, 302 и др.). В свою очередь, ответ 404 считается критической ошибкой и явным указателем на текущие проблемы веб-сайта (кроме специальной страницы ошибки 404).

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

Оставить комментарий

Make sure you enter all the required information, indicated by an asterisk (*). HTML code is not allowed.