Сегодня поговорим о SEO вёрстке и оптимизации шаблона . Для начала рассмотрим теги «H », а именно h1 , h2 , h3 и т. д. - это теги, которые обычно используются для вывода заголовков.

Для тех пользователей, которые слабо разбираются в сайтостроении и для каковых теги h1 - h6 , strong и прочее ни о чём не говорят советую прочитать руководство по HTML , в противном случае неопытный пользователь не многое поймёт в этом уроке.

Теги h1, h2, h3, h4, h5, h6 на сайте

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

Данные теги изначально были придуманы для вывода текста статей и когда робот заходит на сайт, то по ним он понимает где та часть страницы которая является статьёй и если эти теги будут встречаться в footer, sidebar, header и т. д. то вы, говоря простым языком запутаете робота. Содержимое этих тегов имеет большое значение в глазах поисковиков, поэтому если через «h» вы будете выводить слова наподобие «рубрики», «комментарии», «поиск» притом что статья, например об инвестициях, то вы тем самым снижаете релевантность страницы, поскольку эти слова ни как не вяжутся с темой «инвестиции».

В общем что я хочу сказать? Если у вас в сайдбаре, футере и прочем используются теги «h», то замените его, просто используйте css класс, который будет иметь те же свойства как h1 - h6 и выводите этот тег через div или если например в боковом меню информация выводится списком, то можно ипользовать первый элемент списка в качестве заголовка.

Помимо прочего их нельзя ещё обрамлять такими тегами, как strong , b то есть делать их жирными. Если уж необходимо сделать заголовок жирным, то опять же делаем это через CSS.

Большая часть значимости текста заключается в тегах h , так что если вы сделаете их жирными, то поисковики расценят их как спам!

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

Ну и последнее о тегах h . Они должны пропорционально уменьшаться в статье, от большего к меньшему.

Ссылка сама на себя

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

Хлебные крошки - это путь к конкретной странице сайта.

• хорошо: главная -> рубрика;
• плохо: главная -> рубрика -> название статьи.

Таким образом вы убьёте двух зайцев.

1. Избавитесь от ссылки на страницу которая просматривается.
2. Текст не будет переспамленым.

Дубли в шаблоне сайта

С одной страницы вашего сайта должна идти только одна ссылка на другую страницу этого сайта . Имеется в виду, что не должен быть переход со страницы «А» две ссылки на страницу «Б». С одной страницы может идти сколько угодно ссылок, но на разные страницы сайта, это и есть хорошая перелинковка . И ещё нельзя делать текст ссылкой заключённый в теги h1 , strong , b .

Ссылка на HTML карту

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

Java скрипты в отдельный файл

Все имеющиеся скрипты нужно вынести в отдельный файл . За исключением счётчиков, всё остальное что отвечает например, за вывод рекламы, кнопки, прокрутка и т. д. выносится в файл, это нужно для разгрузки HTML кода, так как роботы это не любят да и не понимают Java скрипты. Роботам нужно давать индексировать то, что является важным и ценным в плане поисковой оптимизации и Java скрипты сюда ни как ни вписываются.

Повторяющиеся отрывки текста

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

• копирайты;
• условия содержимого сайта;
• сайты самоубийцы с ключевыми словами.

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

Робот не индексирует отдельно статью вашей страницы, отдельно футер и сайдбар, он индексирует весь текст на странице, включая footer и sidebar.

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

Проверим повторяющиеся нетематические куски текста, заодно покажу как Гугл понимает ваш сайт . В Google Вебмастер во вкладке «индекс Google» перейдите по ссылке «ключевые слова в содержании».

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

Как видите на сайте о знакомствах первая 10-ка отлично вписывается в эту тематику. Эти слова чаще всего встречаются на сайте, заметьте, ни на какой то отдельной странице, а абсолютно на всех.

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

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

Закрытие внешних ссылок

Абсолютно все внешние ссылки нужно закрывать от индексации . Не нужно ставить открытые ссылки на сторонние ресурсы, будь то социальные сети или поисковые системы. Закрываем всё без исключения как минимум через . Это нужно для того чтоб сайту на который вы ссылаетесь не передавала частичку веса, а это нам ни к чему, вес передавать нужно на те страницы, которые мы же и продвигаем!

Теперь можно покопаться в шаблоне (находится в /wp-content/themes/имя_шаблона/).

Попробуем убрать лишние запросы к базе данных при загрузке страниц вашего блога. Дело в том, что разработчики темы оформления для WordPress делают ее универсальной и подходящей, естественно, к любому блогу, с условием, что этот блог работает на движке WordPress. Поэтому, например, чтобы выводить на страницах вашего блога в шапке (верхняя часть шаблона страницы) название блога, необходимо в файле header.php вашей темы оформления прописать код на языке PHP, который запросит это название из базы данных и затем уже вставит его в код страницы.

Для этого скачаем редактор Notepad++ , так как нам нужно работать в формате UTF-8 without BOM !
Внимание : Редактируйте файты WordPress’a только редакторами, поддерживающими формат UTF-8 without BOM!!!
Вот полезный код для вставки в шаблон на время оптимизирования(чтобы узнать, сколько запросов к БД идёт со страницы):

/

Приведу пример из своего шаблона:
Открываем файл header.php .

В цитатах я буду писать красным и зелёным цветом. Красный — начальный вариант, Зелёный — на что нужно заменить!

Основной язык сайта, заменяем:

>

Строка выбора кодировки страницы, меняем:

; charset=” />

Тайтл (Меняем ТОЛЬКО в случае, если вас сателлит или ГС, настроенный под сапу и тд. так так на всех страницах станет одинаковый тайтл):

Информация о движке:

” />

Стили (таких строчек может быть много):

” type=”text/css” media=”screen” />

RSS Feed” href=”” />

” />

Меню: Ну тут у каждого своё, лишь совет: если у вас чётко определено верхнее меню, то отредактируйте его, как и перечисленные выше строки.

Если название блога точно определено, то меняем:

/”>
Название Блога

Если описание блога определено, и не собираетесь менять в ближайшее время, то:

Описание вашего блога

Вроде всё, с файлом header.php закончили. Ах, да, я делал немного проще: Зашёл к себе на сайт (когда ещё ничего не оптимизировал в шаблоне), посмотрел исходный код этой HTML страницы, скопировал шапку и вставил в файл header.php. Вышло гораздо быстрее

• удалить строку с информацией о номере установленной версии WordPress . Она не несет никакой полезной нагрузки, и более того, является опасной, т.к. некоторые варианты взлома применимы только к определенным версиям WordPress, а из этой строки как раз очень удобно узнавать текущую версию вашего движка. Выглядит эта строка обычно так:
• заменить URL до иконки favicon.ico на статический. Вы не знаете для чего нужна иконка под названием favicon.ico ? Она будет отображаться, например, в поисковой выдаче слева от названия вашего сайта или же в браузерах (в адресной строке или перед названием страницы на вкладках), при открытии страниц вашего блога. У моего блога это иконка желтой лампочки. Если у вас еще нет favicon.ico , то обязательно создайте ее и пропишите путь к ней файле header.php . Она придаст вашему блогу индивидуальность и узнаваемость. В оригинальном файле header.php строка с заданием пути до favicon.ico может выглядеть примерно так:
• заменить URL до на статический. В коде файла header.php это строка:

  1

  " />

А откуда взять все эти статические пути, которые мы должны прописать заместо кода PHP? Есть довольно простой способ. Вам нужно всего лишь открыть любую страницу вашего блога в браузере и посмотреть ее исходный код. Для этого, щелкаете правой кнопкой мыши по странице в любом браузере и выбираете из контекстного меню что-то вроде «Исходный код страницы » или «Исходный код», в зависимости от того, в каком именно браузере открыта эта страницы. Теперь ищите там нужные строки и копируете пути к файлу CSS, к фиду и т.п.

Дело в том, что при создании страницы, PHP код интерпретируется в реальные статичные URL. Вот именно их мы скопируем по очереди и вставим в файл header.php вместо участков кода. Вот так выглядел блог кода до преобразования:

Их нужно будет заменить, соответственно, на название и описание вашего блога. Если у вас вдруг после сохранения файла header.php вместо русских букв вылезут кракозябры, то откройте файл повторно на редактирование в Notepad++, выберите из верхнего меню пункт «Кодировка» - «Преобразовать в UTF-8 без BOM», а затем опять сохраните файл.

Если у вас еще в файле header.php имеет описание меню, то там можно вручную прописать ссылку на главную страницу. В оригинале эта строка может выглядеть так:

ее надо будет заменить на:

Теперь перейдем к файлу footer.php , который так же должен находиться в папке с вашей темой оформления по адресу /wp-content/themes/название_вашей_темы_оформления. В нем можно заменить строку выводящую информацию о том, что все права защищены, примерно такого вида:

Кроме того, что в этом случае убираются лишние запросы к базе данных , здесь еще и создается ссылка с нужными ключевыми словами, которая будет вести на главную страницу со всех страниц блога (Внутренняя оптимизация сайта). Ну и для повышения значимости этих ключевых слов, они заключены в тег акцентирования H3 (Теги акцентирования (H1 -H6, STRONG, EM) – улучшаем внутреннюю оптимизацию сайта).

У меня, например, в footer.php дублируется верхнее меню и, следовательно, я так же как и в файле header.php заменил участок кода описывающий ссылку на главную страницу на статичный URL.

Остальные файлы редактируем также как и header.php …

Ещё парочка советов:
У вас сателлит и вам не нужно комментирование на сайте? — Отключайте комменты в админке, и удалите всё из файла comments.php .
У вас сателлит? – значит по любому у вас есть облако меток – вместо плагина сохраните его как html код, и вставьте в страницу.
У вас сателлит и вы не будете больше добавлять новые категории? – также сохраните их как html и вставьте вместо виджета!
В файле single.php у многих шаблонов название новости – ссылка на эту же новость. Зачем же это? – Убираем! Ещё минус один запрос!

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

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

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

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

Проверка делается вручную или воспользоваться можно хорошим сервисом « », который даёт возможность сайт увидеть не только через какие-либо браузеры, но и операционные системы (Mac, Linux или Windows).

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

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

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

Если у вас, получилось не так как надо, значит советую скорее всего исправить. В самом противном случае привести это может к резкому снижению позиций, падению трафика и прочего.

Буфер вывода. Во время открытия страницы для пользователей, сначала по очереди элементы дизайна загружаются, после различные заголовки и последним делом контент. Скорость сайта зависеть будет не только от скорости соединения с интернетом, хостинга и движка, но и от степени оптимизации WordPress шаблона. Для изменения такой очередности, мы назначим тот самый порядок, который начинается с контента и CSS файла. Применять будем мы специальную функцию, которую размещаем после закрывающего тега в файле header.php. Вот она:

Перед тем как внести изменения не нужно сделать резервную копию.

Оптимизация файлов. Javascript и CSS файлы свое место имеют в абсолютно любой теме WordPress или шаблоне. Для того чтобы снять дополнительную нагрузку и ускорить загрузку нужно эти файлы придать оптимизации. Есть различные инструменты онлайн, правда минус в том, что большинство из них на английском языке, среди которых хорошо выделяются — . Не забывайте и про .

Стоит также избегать JavaScript размещения непосредственно в самом тексте. Всё это не только приведёт к медлительности, но и к появлению неких подозрений со стороны поисковой системы Яндекс, так как он будет считать их за какой-то вирус.

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

Существует несколько правил, которых надо придерживаться.

• Первое, не используйте фото ширина которых больше самого размера контента.
• Второе, вес их должен быть минимален и измеряться НЕ в мегабайтах, а в килобайтах или байтах.
• Третье, расширение файлов желательно быть должно «gif» или «png».
• Четвёртое, прогоните картинку перед его размещением через специально предназначенное программное обеспечение «Smush.it».

Достаточно сделать щелчок по вкладке «Select Files and Smush» и «Uploader», выбрать нужную картинку и кликнуть «Открыть». Далее скачиваем ее и размещаем.

Вы так же можете применять плагин «Wp-Smush.it», который делать будет сжатие в автоматическом режиме.

В принципе всё, надеюсь, я ясно и понятно рассказал каким образом оптимизировать шаблон WordPress и не возникнет у вас вопросов по этому поводу. Спасибо за внимание!

Вы знали, что 40% пользователей покидают сайты с плохим дизайном? Зачем терять прибыль? Выберите и установите прямо сейчас один из 44 тысяч премиум шаблонов для сайтов. Идеальный выбор для вашего бизнеса!

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

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

Page Speed Insights измеряет производительность страницы для мобильных и настольных устройств. Оценка варьируется от 0 до 100 баллов. Высокий балл, оценка 85 или выше означает, что страница работает хорошо.

Pingdom веб-инструмент простой в использовании, которые рассматривает все части веб-страницы, включая размеры файлов, времени загрузки, HTML, JavaScript, CSS и других файлов, связанных с веб-страницы. Скоринг делается по шкале от 0 до 100 баллов, чем выше, тем лучше.

Оптимизированные шаблоны WordPress для высокой скорости

Итак, на основе лучших оценок, мы сделали список оптимизированных WordPress тем (в случайном порядке).

KANTER – SEO оптимизированный шаблон WordPress с чистым кодом

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

Знаете, чем отличаются многие другие оптимизированные шаблоны WordPress от KANTER? Во-первых, не во всех есть несколько готовых вариантов оформления сайта. Во-вторых, не у каждого дизайн выполнен настолько чисто и профессионально, как в этой теме. Сфера применения у нее обширная. Ее могут использовать фрилансеры, фотографы, дизайнеры, веб-разработчики, а также компании и фирмы, работающие в различных сферах. Кроме главной здесь есть страницы «О Нас», «Цены», «Услуги» и «Магазин», страницы портфолио, блога и контактных данных.

Шаблон KANTER станет одним из лучших вариантов для вашего сайта, который стоить будет достаточно недорого. Это решение вас не подведет!

Virtua – корпоративные оптимизированные шаблоны WordPress

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

Тема имеет классическое меню, в котором есть главная страница, страницы «О Нас», «Цены», «Услуги», «Контактные данные», «Часто задаваемые вопросы», а также блог. Ниже – классический слайдер со стильной кнопкой для детального ознакомления с деятельностью компании. Для убедительности в шаблоне используется блок с отзывами, которые легко и быстро переключаются с помощью кнопок. Также есть специальный блок для размещения логотипов компаний, с которыми вы сотрудничаете. Еще ниже размещен блок с новостями о компании и теми, которые связаны со сферой вашей деятельности. В футере можно снова кратко разместить информацию о вашей компании, часы работы и кнопки социальных сетей, в том числе Facebook, Twitter, LinkedIn и YouTube.

Шаблон будет превосходным решением для любой компании, которое точно не подведет вас!

QHub– высококлассные шаблоны WordPress для офиса или IT-компании

Такие оптимизированные шаблоны WordPress, как QHub, обычно оптимизированы во всех аспектах: скорость, SEO-оптимизация и мобильная адаптация. Конкретно этот шаблон отличается ярким и красочным дизайном и продуманной структурой. На главной странице в глаза сразу бросается удобное меню и необычный слайдер, который поможет привлечь внимание посетителей и потенциальных клиентов с первых секунд. Кроме того, в шаблоне предусмотрены клевые блоки для представления услуг, цен на услуги, отзывов от реальных клиентов и галереи фотографий вашей компании. Доступен календарь для бронирования (например, если у вас свой офис под аренду или Coworking-сообщество) или других задач.

В самом низу сайта красиво размещены контактные данные. Есть контактная форма для быстрой связи. В футере также есть форма для подписки на новостную рассылку и список ближайших событий. Отличная интеграция с социальными сетями за счет иконок социальных сетей со ссылками на профили (Facebook, Twitter, Google Plus, LinkedIn и так далее). Все это поможет вам уверенно достичь новых высот в бизнесе!

15Zine – оптимизированные шаблоны WordPress для журнала/газеты с высоким рейтингом

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

Consulting – шустрый бизнес шаблон для финансовой сферы

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

Шаблон имеет отзывчивый дизайн и обеспечивает шикарное отображение сайта на Retina-экранах.

BuzzBlog – чистая тема для личного блога для быстрой загрузки

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

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

SmartMag – отзывчивая тема журнала с поддержкой Retina-устройств

Кроме журнала шаблон подойдет для сайта СМИ, сайта с отзывами и блога. С помощью drag-and-drop построителя вы без проблем создадите уникальный дизайн своего сайта постранично. Богатые сниппеты и код HTML5 обеспечат высокие позиции сайта в поисковой выдаче.

Удобная навигация с мега меню и поддержка мобильного меню. Различные варианты оформления страниц журнала. Поддержка плагинов форума bbPress и магазина WooCommerce.

Jarida – адаптированная универсальная тема для новостного сайта, журнала и блога

Чистый дизайн, отзывчивый макет, оптимизация под Retina-дисплеи – все это делает тему Jarida лучшим вариантом для вашего сайта. В панели управления можно настроить все от цвета и заднего фона до слайдеров и боковых панелей. 33 виджета, в том числе для счетчика подписчиков во всех социальных сетях.

Восемь готовых шаблонов страниц. Встроенная система отзывов и поддержка магазина. Оптимизация поискового ранжирования.

Flare – бизнес и портфолио шаблон с отзывчивым макетом

Простая тема с возможностью гибкой настройки поможет вам создать быстрый корпоративный сайт, портфолио и даже блог. Генератор шорткодов поддерживает более 60 шорткодов для различных объектов. 10 настраиваемых виджетов.

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

Braxton – Premium WordPress Magazine Theme

Taskrr – оптимизированные шаблоны WordPress

Nexus Magazine Theme – оптимизированные шаблоны Вордпресс

Schema – оптимизированные шаблоны WordPress

Genesis Framework – оптимизированные шаблоны Вордпресс

AppTheme – оптимизированные шаблоны WordPress

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

Согласно последним исследованиям компании Microsoft, время ожидания пользователями загрузок страниц сократилось с 12 секунд до 8 секунд, люди стали более нетерпеливыми. Более того, как показали исследования, 40% пользователей покинут ваш ресурс, если он загружается дольше 3 секунд. Поэтому оптимизация и ускорение WordPress просто необходимо.

1. Оптимизация WordPress и регулярное пополнение собственной базы данных.

WordPress — система управления контентом, основанная на реляционных базах данных. Если база данных большая, то это может привести к замедленной работе интернет-ресурса.

Нужно учитывать следующее параметры при использовании большой базы данных, которая может привести к медленной работе WordPress:

• Ревизия постов: Функция «Ревизия постов » быстро заполняет базу данных, после чего интернет-проект начинает работать медленно. Каждый обновленный пост сохраняется в базе данных. Так база данных заполняется. Данную функцию можно либо отключить совсем, либо ограничить. Чтобы ограничить ревизии, нужно в файл настроек wp-config.php добавить следующие строки:

После изменений кода WordPress хранит максимум 5 изменений поста и только 5 минут. В случае необходимости можно снова включить функцию «Ревизия постов».

• Если нет желания менять код для файла wp-config.php, можно установить плагин — Revision Control или плагин для удаления ревизии постов— WP Clean Up . Тогда оптимизированный WordPress автоматически начнет управлять ревизиями постов. Более подробно как установить и управлять можно .
• Ссылки на блог и трекбэки : ссылки на блог и трекбэки также могут заполнить базу данных. Их тоже можно отключить. Это можно сделать так: Настройки/Обсуждение/Разрешить оповещения с других блогов (уведомления и обратные ссылки) на новые статьи
• Комментарии в блоге : Комментарии в блоге — это совсем не плохо, но только если это не тысячи спам-комментариев, которые занимают место в базе данных. Обязательно нужно регулярно удалять такие комментарии, чтобы не «засорять» базу данных.
• Плагины. Некоторые плагины собирают данные и загружают их в базу данных. Сначала они кажутся полезными, но на самом деле просто занимают много места. Например, один плагин может использовать до 160 мб. пространства базы данных. Это только один плагин! А если их несколько?
• Аналитика и регистрации. С осторожностью нужно относиться к плагинам, которые анализируют историю и регистрацию данных на веб-проекте. В основном они используют большой объем базы данных, что может привести к медленной работе страницы и ухудшит оптимизацию WordPress.
• Можно установить плагин WP-Cleanup и использовать его для чистки и оптимизации базы данных.

2. Оптимизация изображений в WordPress.

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

Существует 2 способа оптимизации собственных картинок:

· регулярно оптимизировать и уменьшать размер фотографий; это можно делать без ухудшения качества фото;

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

Кстати если у вас большое количество изображений, можете воспользоваться кодом купона скидки для платного режима и скидкой 5%, копируйте код dSAdDeN2xj7_Nr9B1LH68MoyeuJxMeUY

· задерживать загрузку картинок; этот способ используется, когда фотография не загружаются, пока читатель прокручивает окно, где есть это фото. Данный способ позволят избежать проблем при загрузке веб-сайта. Для этого можно использовать различные плагины, например Lazy Load и аналогичные ему с похожим названием.

Оптимизация картинки позволяет его уменьшить с размера в 2 мб. до 600 кб. без ухудшения качества. Это делается с целью удаления ненужных фрагментов изображения. Фото можно оптимизировать в блоге на WordPress с помощью установленных специальных плагинов.

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

3. Использование кэша и удаление заголовков.

Большинство веб-ресурсов на WordPress могли быть вдвое быстрее, если бы использовали кэширование.

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

Для эффективного использования кэширования, можно использовать плагин, который я сам использую WP Super Cache . Этот плагин ускоряет загрузку WordPress и оптимизация получается за счет того, что сохраняет уже готовые страницы на диск сервера. Благодаря чему при запросе страницы браузером, блогу не надо каждый раз формировать страницу с нуля. В случае стандартной загрузки ему надо сделать много запросов к базе, обработать программу на PHP и так далее. С кэшом же выдаётся уже готовый результат, сразу.

Кэширование позволяет заметно увеличить скорость работы вашего блога. Было установлено, что возможность полного кэширования может ускорять работу блога на WordPress от 2.4 секунды до 900 миллисекунд.

После включения кэширования, можно также включить модуль истечения времени заголовков, это модуль http сервера Apache mod_expires . Эта оптимизация позволит увеличить скорость работы WordPress, оповестив браузеры посетителей, когда запрашивать определенные файлы с сервера. И засталя его хранить файлы в браузере пользователя нужное время. Модуль mod_expires может сэкономить ресурсы сервера и значительно увеличить скорость открытия страницы. Подробно какие писать записи в.htaccess для активации модуля и правильной его настройки, читайте в статье " ". У нас на хостинге , этот модуль включен по умолчанию для всех веб-сайтов. Тем самым уже изначально улучшая их оптимизацию.

4. Включение GZIP Compression через mod_deflate .

Какой самый популярный инструмент для сжатия файлов к формату Zip на компьютере? 7-Zip? WinRar? Многим приходилось сжимать файлы и наблюдать удивительную эффективность, когда файл размером от 200 Мб уменьшается до размера в 40 Мб? Как это происходит? Разве невозможны подобным образом технологические сжатия? Все возможно, можно сделать так и для блога, и тем самым обеспечить его быструю работу и отличную оптимизацию.

GZIP Compression помогает сжимать файлы страницы в формат Zip, и передавать целиком посетителям, за счет этого достигается оптимизация скорости загрузки. Для этого используется модуль http сервера Apache mod_deflate . Другими словами, посещаемость интернет-страницы та же, но сам блог работает быстро, так как посетителей обслуживает сжатая версия.

Как запустить и настроить этот модуль на хорошем хостинге , такой как наш, описано в статье " ".

5. Использование CDN .

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

Скорость загрузки контента страницы зависит от того, где размещен хостинг, на котором располагается веб-проект. Например, если хостинг размещен в Индии, а вход происходит, например, из США, то сайт будет грузиться медленнее, чем если бы это происходило бы в Индии. Как выйти из такой ситуации? Люди с ограниченной скоростью доступа в интернет, для ускорения загрузки сайта могут воспользоваться сервисом CDN.

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

6. Оптимизация и изменение темы WordPress.

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

7. Объединение заднего фона изображения с перемещаемым спрайтом.

Тема WordPress основана на картинке заднего фона, в соединении с командами CSS, преимущественно, дисплей — это чистый задний фон. Так один красивый задний фон может состоять из 12 различных задних фонов. Внешне это выглядит нормально и просто, пока эти 12 фонов используются как 12 разных запросов к серверу от браузера посетителя. А что, если эти 12 прорисовок объединить в одно? Тогда скорость резко возрастет.

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

8. Использование только несинхронных вызовов для кодов JavaScript.

Замечали, что при зависании Facebook, остальные веб-ресурсы начинают работать заметно медленнее? Что интересно, этого не происходит, когда загружаются коды Facebook. Подобное случается, когда используются синхронные коды с других сайтов — особенно аналитики или трекинг. Если код установлен синхронно на WordPress, сначала загружается он — в зависимости от части кода — перед загрузкой других элементов сайта.

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

Подробно, что это такое, можно .

9. Включить HTTP Keep-Alive.

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

У нас поддержка Keep-Alive включена для всех клиентов бесплатно!

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

10. Использование лучшего хоста.

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

В одном журнале были описаны случаи, показывающие как сильно веб-хост влияет на длительность загрузки интернет-страницы. Программист сравнил скорости работы блогов двух клиентов, один из которых пользовался выделенным сервером, второй — общим. Результат был ошеломляющим: время отклика веб-ресурса на запросы на выделенном сервере составило 7 мс, в то время как время отклика сайта на общем сервере — целых 250 мс.

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

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