Оптимизация шаблона WordPress

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

оптимизация шаблона wordpress

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

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

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

На что обратить внимание и что исправить

Кроссбраузерность

Под этим словом понимается правильное отображение WordPress темы блога во всех популярных браузерах (Google Chrome, Opera, Mozilla FireFox и с недавнего времени Яндекс). Не знаю, почему так происходит, вроде стандарты везде одинаковые, но некоторые элементы дизайна могут не только съехать, но и пропасть совсем.

Проверку можно осуществить в ручном режиме или воспользоваться специальным сервисом «Browsershots», который позволяет увидеть ваш сайт глазами разных браузеров и операционок — browsershots.org

browsershots - проверка кроссбраузерности

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

Мобильная версия сайта

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

Правильная структура

Многие бесплатные шаблоны сверстаны таким образом, что могут содержать по несколько заголовков h1 или, наоборот, не иметь ни одно. Различные вспомогательные блоки, типа сайдбара или футера могут содержать теги h2 (обозначают важные заголовки внутри текста). По сути, этот пункт больше относится к поисковой оптимизации шаблона WordPress. Проверьте в структуре темы схему отображения основных тегов заголовки, вывод title, description, внешний вид страницы 404 ошибки.

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

Оптимизация файлов

CSS и javascript файлы имеют свое место в абсолютно любом шаблоне или теме WordPress. Для снятия дополнительной нагрузки и ускорения загрузки следует их оптимизировать. Существуют различные онлайн инструменты, правда, большинство из них англоязычные. Можете использовать для сжатия CSS стилей этот — www.csscompressor.com

Избегайте размещения JavaScript непосредственно в самом контенте. Это не только приводит к тормозам на странице и не нравится поисковым системам (они могут посчитать такой код за вирус).

Сжатие изображений

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

Я использую сервис tinypng.com — закидываете туда jpg или png файл, а на выходе получаете такой же, только меньшего размера.

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

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *