Как оформить и оптимизировать страницы рубрик WordPress сайта

Содержание материала:

SEO WordPress — пошаговая инструкция по оптимизации.

Из статьи ты узнаешь :

Привет сегодня на WebMasterMaksim.ru хочу дать подробную инструкцию по SEO WordPress.

По сравнению с Joomla, WordPress очень хорошо оптимизирован в плане SEO, но вебмастеру в самом начале рождения его блога нужно уж очень много чего настроить.

Лучший брокер

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

Есть пара очень важных вещей по SEO, которые вы сразу должны проделать после установки WordPress.

SEO WordPress — пошаговая инструкция по оптимизации

1. Настройка ЧПУ — человеко понятные урлы WordPress.

О важности ЧПУ для SEO сказано очень много, для тех кто не знает, что это такое, можете посмотреть статью человеко понятные урлы — ЧПУ, правдо в ней я рассказывал про движок Joomla.

По умолчанию ссылки в WordPress выглядят очень некрасиво: ваш домен/?=123, поисковики такие ссылки не любят, об этом уже много сказано, в данной инструкции просто объясню как активировать ЧПУ.

Идем в админке WordPress > настройки > постоянные ссылки (ЧПУ) и выбираем «Произвольная структура» в это поле нужно ввести /%category%/%postname%.html и нажать на кнопку «сохранить изменения».

Все после этого забудьте вообще про ЧПУ ссылки, все будет работать без вашего вмешательства.

2. Выбрать домен сайта с www или без.

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

Также в панели вебмастера яндекс вы можете задать главное зеркало сайта.

В WordPress эти SEO настройки вы можете проверить перейдя в админке > настройки > общие и в поле «Адрес Адрес сайта (URL)» должен быть введен предпочтительный URL.

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

3. Настройте ping для ускорения индексации новых статей.

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

18,0,1,0,0

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

В WordPress это настраивается: настройки > написание и в самом низу в поле «Сервисы обновления» нужно добавить ping сервера.

4. SEO оптимизация title в WordPress.

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

Тег title самый важный для правильного SEO, поэтому нужно посмотреть как он отображается у вас.

По умолчанию в WordPress у вас title может иметь вид: title сайта > title категории > title записи.

Это не правильно, сначала должно стоять title записи, подробно об этом я рассказал в статье — как правильно оформить заголовок статьи.

5. Создать и настроить файл robots.txt.

Вы обязательно должны создать файл robots.txt и закрыть от индексации все не нужные страницы.

Тем самым у вас не будут индексироваться различные дубли и мусорные страницы, это очень важно для SEO в WordPress.

Также в robots нужно посмотреть, не закрыт ли вообще сайт для индексации.

6. Установите плагин Seo by Yoast.

Это самый мощный плагин для SEO в WordPress, о нем я говорил в статье: Seo оптимизация WordPress.

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

Позволяет редактировать robots и файл htaccess прям из админки WordPress, создать хлебные крошки, создает xml карту сайта wordpress и многое другое, расскажу чуть ниже.

7. Удаляем лишние теги h1, которые мешают seo WordPress.

Используйте заголовки h1-h3.

О важности в seo WordPress заголовков h1-h3 слышали все, в сети тонны информации по этому поводу, и поэтому в этой статье я об этом рассказывать не буду, лишь только обращу ваше внимание на очень важные штуки!

36,1,0,0,0

Посмотрите исходный код любой вашей статьи, а именно найдите главный заголовок, и обратите внимание чтобы он был обрамлен именно тегом h1, это очень важно для seo.

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

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

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

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

Вот смотрите видео как это все правильно сделать:

Это были действия которые вы должны были сделать сразу после установки WordPress, далее расскажу о SEO действиях, которые вы должны выполнять при написании каждой статьи.

SEO при создании новой записи в WordPress.

Очень часто вебмастера при публикации новой записи в WordPress забывают об оптимизации изображений в плане SEO.

SEO при создании новой записи в WordPress

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

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

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

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

B оформлении текста вам обязательно поможет визуальный редактор wordpress.

Создание правильной перелинковки в WordPress.

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

51,0,0,0,0

Так же перелинковка в значительной степени снизит ваш показатель отказов, что в свою очередь положительно скажется на позициях в поисковиках.

52,0,0,0,0

Об этом всем внимательно читайте — внутренняя перелинковка мой личный опыт.

53,0,0,0,0

И посмотрите видео о важности правильной внутренней перелинковки.

54,0,0,1,0

55,0,0,0,0

В обязательном порядке заполняйте description keywords и title.

56,0,0,0,0

Эти теги очень важны для правильного seo в WordPress и их заполнение просто необходимо, если вы установили плагин Seo by Yoast, то у вас в админке после каждой записи появились соответствующие поля.

57,0,0,0,0

Пишите seo статьи.

58,0,0,0,0

Очень важно в плане seo WordPress, писать статьи не просто так, а писать их под определенный поисковой запрос с определенной частотностью, не буду в это углубляться, просто читайте — подбор ключевых слов и как правильно писать статьи

59,0,0,0,0

60,0,0,0,0

Так вот при помощи все того же плагина Seo by Yoast, вы можете оценить SEO оптимизированость вашей статьи под конкретный поисковой запрос.

61,0,0,0,0

Там же админке WordPress под записью, где находятся поля description keywords и title, чуть выше находится поле «Фокус по Ключевой фразе:», куда вводим ключевой запрос и сохраняем запись как черновик.

62,0,0,0,0

Теперь если вы написали правильную seo статью, то увидите:

63,0,0,0,0

  • Article Heading: Yes (1)
  • Page title: Yes (1)
  • Page URL: Yes (1)
  • Content: Yes (3)
  • Meta description: Yes (1)

Это означает что ключевое слово использовано в заголовке статьи, в title, URL, в тексте, и description, но это еще не все, переходите на вкладку «Анализ Страницы».

64,0,0,0,0

Тут вам плагин Seo by Yoast даст оценку оптимизированности записи, и основываясь на них вы можете сделать выводы, допусти этот плагин скажет вам о плотности ключевых слов, ну и многое другое, посмотрите сами.

65,0,0,0,0

Используйте именно этот плагин который позволит вам заменить целый ряд плагинов: Platinum SEO Pack, All in One SEO Pack, Google XML Sitemaps, Breadcrumb NavXT, которые уже морально устарели.

66,0,0,0,0

Что еще можно сделать для seo WordPress.

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

67,0,0,0,0

На своем блоге я написал очень много статей про ускорение скорости загрузки сайта, читайте!

68,0,0,0,0

Установите кнопки социальных сетей. Да! И от кнопок вы можете получить seo эффект. Если ваши статьи популярны, то читатели обязательно будут кликать по этим кнопкам, в следствии чего анонс ваших материалов с ссылкой будет размещен у них в аккаунтах, их друзья будут переходить к вам на сайт.

69,0,0,0,0

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

70,0,0,0,0

Добавьте xml карты которые генерирует плагин Seo by Yoast в панели инструментов вебмастера и файл robots.txt.

71,0,0,0,0 72,0,0,0,1

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

(10 оценок, среднее: 4,90 из 5)

Как оптимизировать категории WordPress и страницы тегов для SEO

Категории (они же рубрики) и страницы тегов на WordPress – это загадочные страницы и сложно понять, как правильно их оптимизировать для нужд SEO. Многие не знают, какова роль страниц категорий и тегов для целей поисковой оптимизации.

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

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

#1 Значение страниц категорий (рубрик) на WordPress

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

Правильно оптимизированная WordPress тема будет показывать хлебные крошки в цепочке. Вот так

Правда, если вы заметили, на моем блоге max1net.com на данный момент хлебные крошки реализованы вот так

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

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

Типичная структура блога на WordPress следующая: Главная – Рубрика – Пост №1, №2, №3 и т.д.

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

#2 Оптимизация категорий WordPress

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

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

Страницы категорий WordPress трудно высокого ранжировать

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

Единственный случай, когда Яндекс или Google могут выбрать страницу категории для ранжирования – это когда на сайте есть много релевантных друг другу страниц и SEO структура сайта такая, что это поможет выбрать поисковику именно страницу категории.

Когда категории могут быть полезны для SEO?

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

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

Вот как это работает на практике.

Допустим, у нас есть туристический сайт, где мы продвигаем бронирование отелей по Испании. Не в одном городе, а по всей Испании. И у нас будут рубрики «Отели в Мадриде», «Отели в Барселоне» и т.д. И в каждой такой рубрике будут отдельные страницы (посты) с описаниями отелей. Например, «Gran Hotel La Florida в Барселоне» или «Hotel Vía Castellana в Мадриде».

Разумеется, создавать отдельный пост под ключевое слово «Отели в Мадриде» не будет иметь смысла. Отелей в столице Испании много, на одной странице их описания не поместятся. Поэтому в данном случае куда более практично по запросу «Отели в Мадриде» приводить посетителей именно на страницу категории с одноименным названием.

И опять же, на практике если кто сталкивался, то знает, что Google все равно пытается «зацепить» с сайта именно отдельные посты, а не страницы категорий WordPress, потому что считает, что там более ценный и уникальный контент.

Как решить эту проблему?

Благо, что данную проблему, когда поисковик предпочитает «кушать» внутренние страницы, а не страницы категорий, можно решить.

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

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

Плагин Yoast SEO (бесплатная версия) дает возможность также указать ключевое слово keywords для рубрики. В бесплатной версии плагина есть возможность добавить только одно ключевое слово.

Здесь, думаю, понятно. Проблему отсутствия уникального контента на странице категории мы решаем с помощью добавления описания (Description). В зависимости от темы WordPress, которую вы используете, это описание либо будет, либо не будет отображаться на странице.

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

Также не забудьте про страницы пагинации. У каждого это реализовано по-разному. У одних это кнопки «Предыдущий пост – Следующий пост», у других просто нумерация 1, 2, 3, 4, 5. Но суть одна. У всех последующих страниц из пагинации должен быть прописан rel canonical, указывающий на первую страницу рубрики.

Глубокое SEO для страниц категорий WordPress

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

Вот что нужно сделать:

Главная > Отели в Барселоне > Gran Hotel La Florida

И при этом ссылка «Отели в Барселоне» должна вести на рубрику «Отели в Барселоне».

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

#3 Что такое страницы тегов?

При добавлении каждого поста в WordPress есть секция тег, которую нужно заполнить. Для каждого тега WordPress создает отдельную страницу тега (метку). Урл-адреса таких страниц выглядят вот так https://max1net.com/tag/seo/

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

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

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

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

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

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

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

Добавляя noindex и nofollow к страницам тегов, нужно не забывать о том, что эти страницы нужно исключить из файла sitemap.xml.

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

Как закрыть страницы рубрик и тегов в noindex и nofollow

В зависимости от плагинов, которые вы используете, методы закрытия может отличаться. Например, в плагине для WordPress YoastSEO есть страница «Таксономии», где можно закрыть от индексации страницы тегов одним нажатием клавиши мыши

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

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

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

Как выводить посты рубрики, название и описание?

Рубрики это инструмент навигации по сайту, они улучшают «общение» между вебмастером и посетителем. Так как перечисленные выше свойства входят в «ТОП» главных параметров успешного сайта, то возникает вопрос… А как же оптимизировать эти самые категории?

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

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

Вы можете ознакомиться с базовыми вопросами в этой статье: Что такое рубрики и как их создавать?

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

Рубрики создают дубли страниц.

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

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

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

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

Как вывести название категории?

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

Что бы вывести название категории, скажем в теге H1, то-есть в заголовке первого уровня, нам нужно прописать следующий код в нашем файле (вы можете использовать любой html тег допустимый в данном случае):

Функция php single_cat_title() выведет на экране название категории, указанное при создании в админке.

CSS класса и сам класс это уже ваша забота, тут вариантов очень много, все зависит от вашей темы и желаний.

ОК, мы выводим название категории, скорее всего, но состоит из одного — двух слов, что же делать если нам нужно добавить определенный текст? Выход так же есть, можем перед выводом функции добавить определенный текст:

Статьи рубрики:

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

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

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

Как выводить описание рубрик?

Для вывода описания категорий существует так же несколько способов.

Первый способ это банальный вызов функции category_description( $category_id ), который выведет описание рубрики указанное при создании. Минус этого варианта в том, что без использования плагина, адекватно настроить стили описания не выйдет, сухой текст без тегов…

В шаблоне это должно выглядеть примерно так:

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

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

Вывод постов рубрик.

Для вывода постов используется стандартный цикл WordPress, используемый при выводе анонсов на главной:

Данным фрагментом кода мы вызываем цикл который выведет все посты данной категории в теге H2, со ссылками на статью и текстом ссылки идентичной названию статьи.

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

Если же вы все таки решите вывести анонс, тогда вам нужно добавить перед или после заголовка еще один кусок кода:

Это выведет миниатюру поста и цитату. Стоит ли так поступать, решать только вам.

После внесения изменений в шаблон вам предстоит поиграться со стилями, для нормализации отображения.

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

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

Топ-пост этого месяца:  Новая функция React memo в версии 16.6.0 контроль рендеринга компонентов

Избавляемся от вредоносной пагинации в рубриках навсегда!

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

Так как же решить эту проблему разом для всех рубрик и навсегда забыть об этом?

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

Что мы получим в итоге?

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

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

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

На самом деле все очень просто:

  1. Открываем файл functions.php в папке с темой, если такового нету тогда создаем его.
  2. Вписываем небольшой код, сохраняем изменения и проверяем результат.

function my_post_queries( $query ) <
if (!is_admin() && $query->is_main_query())<

Этот код нужно добавить между , это понятно но напомнить стоит.

Что мы делаем? Первое условие не обязательное, оно касается главной страницы сайта, мы установили вывод 5 постов на одной странице, далее идет пагинация.

Второе условие ( if(is_category())< $query->set(‘posts_per_page’, 999); > ) говорит следующее:

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

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

Создание быстрых и более оптимизированных сайтов на WordPress

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

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

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

1. Смена хостинга — не всегда решение проблемы

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

Администрируемый хостинг предоставит вам столько поддержки и помощи, сколько сможет, но не будет заниматься отладкой кода или плагинов. Написание хорошего кода на PHP, создание и редактирование функционала плагинов и тем, правка интеграции, а также наполнение сайта содержимым ‒ не зона ответственности web-хостинга. Этим может заняться опытный разработчик, который вникнет в работу сайта, изучит проблему и решит её.

2. Работающие сайты не предназначены для разработки

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

Если вы не хотите использовать такие решения, вы можете воспользоваться локальной разработкой и тестированием, используя то, что некоторые называют LAMP или LEMP -стеком. Они предназначены для работы с Linux, Apache/Nginx, MySQL и PHP. А такие инструменты, как WAMP и MAMP упростят и ускорят сборку сервера для локальной разработки.

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

Чтобы избежать таких проблем, я рекомендую воспользоваться такими инструментами, как DesktopServer и Local, которые созданы исключительно для ускорения вашего рабочего процесса при локальной работе с WordPress. Они включают в себя упрощенные способы передачи данных рабочему сайту, а также имеют дополнительные функции, такие как работа с WP-CLI и встроенная поддержка режима мультисайтов. Поддержка мультисайтов сама по себе может быть бесценной, поскольку работа с большими локальными копиями WordPress иногда может быть довольно сложной.

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

3. Не разработчик? ‒ Не лезь в код

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

Рекомендация для администраторов: поместите следующий код в файл wp-config.php с заменой edit_themes, edit_plugins, и edit_files привелегий для всех пользователей. Это помешает пользователям уронить сайт посредством редактирования кода.

Также, отключите возможность редактирования файлов темы или установки плагинов для пользователей. Для этого поместите следующий код в файл wp-config.php.

Учтите, вышеприведенные команды также отключат редактор файлов для тем и плагинов. Больше информации в WordPress Codex.

4. Не экономьте на темах и плагинах

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

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

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

Ожидание обновлений установленных плагинов ‒ это огромная проблема для пользователей WordPress, которые покупают решения в сторонних каталогах, вроде ThemeForest. Многие разработчики тем встраивают в них дополнительные плагины, такие как Revolution Slider или Visual Composer. Дело тут в том, что при обнаружении уязвимостей во встроенном плагине, пользователю приходится ждать обновления от разработчика темы, хотя сам плагин мог быть исправлен буквально сразу же. Это делает многие сайты очень уязвимыми для хакеров.

5. Контролируйте AJAX-запросы

Следите за тем, как используются AJAX-запросы на сайте, а также за плагинами, использующими AJAX. Например, API WordPress Heartbeat использует /wp-admin/admin-ajax.php для обращения к AJAX через браузер. Многие из этих обращений лишние. Особенно частое использование этого файла происходит при всплесках трафика и загрузке процессора. Это может существенно замедлить ваш сайт. Это чем-то похоже на запуск DDoS-атаки против себя самого.

Если есть сторонние плагины, использующие admin-ajax.php, убедитесь в том, что они взаимодействуют с ним правильно. Вы без труда можете отслеживать HTTP POST-запросы и, на основе имени, определять, каким плагином они вызваны. Например, тот, что обнаружил я, get_shares_count, оказался популярным плагином для взаимодействия с социальными сетями, который перегружал admin-ajax.php. На сайте с высоким трафиком, перегрузка выросла бы многократно.

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

6. Будьте аккуратны при работе с рекламными сетями и внешними сервисами

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

Вот краткое сравнение того, как рекламные сети могут повлиять на ваш сайт на WordPress.

Параметры тестирования: на тестовый ресурс я добавил три объявления из Google AdSense, размером 300×250. На сайте установлена тема по умолчанию ‒ Twenty Sixteen. Я замерил скорость загрузки до установке AdSense, и после.

До AdSense (результаты тестирования)

  • Первая загрузка: 1,372 с.
  • Повторная загрузка: 1,013 с.

Разбивка содержимого по соединениям:

После AdSense (результаты тестирования)

  • Первая загрузка: 4,103 с.
  • Повторная загрузка: 3,712 с.

Разбивка содержимого по соединениям:

Просто установив 3 объявления Google AdSense, мы добавили 6 дополнительных подключений. Сайт на WordPress c рекламными объявлениями в 2,7 раза медленнее, чем без них. В основном это связано с дополнительным временем поиска DNS и использованием JavaScript на странице. Все это должно создать у вас картину происходящего на крупных сайтах, вставляющих 10 объявлений на одну страницу. Независимо от того, насколько быстрый хостинг вы используете, он не будет исправлять задержки от сторонних рекламных подключений.

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

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

Другим хорошим примером является сайт Huffington Post. Если вы проведете тест скорости загрузки, вы увидите огромное число HTTP-запросов к рекламным сетям. Быстрый тест показал скорость загрузки свыше 13 секунд!

  • Первая загрузка: 15,908 с. | 221 HTTP-запрос
  • Повторная загрузка: 13,957 с. | 66 HTTP-запросов

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

Пример асинхронного JavaScript:

Пример отложенного JavaScript:

У Патрика Секстона есть другой метод отсрочки JavaScript. WordPress версии 4.1 и выше, имеет фильтр, с помощью которого вы можете легко добавить атрибуты async или defer к своим скриптам.

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

7. Чрезмерная оптимизация может нанести вред производительности

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

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

Попытка закэшировать кэш

В отличии от типичных VPS или обычных серверов, многие хостинги WordPress имеют собственное кеширование, которое выполняется на уровне сервера (например, Redis или Memcache). Многие провайдеры запрещают использование кэширующих плагинов, потому что их использование может вызвать все типы проблем, но чаще всего, 502 Bad Gateway. Попытка “закэшировать кэш”, как я это называю, никогда не является хорошей идеей.

Плагины, такие, как WP Rocket и Cache Enabler, великолепны, но они разрабатывались для серверов, которым необходима дополнительная помощь в ускорении вашего сайта. Рекомендую почитать подробнее о том, что касается кэширования объектов ‒ популярной серверной формой кэширования, часто используемой сегодня.

2× CDN = 2× скорость загрузки, верно?

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

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

Огромное количество SEO-плагинов не обеспечивает более высокую позицию в поисковой выдаче

Вы хотите доминировать в поисковой выдаче, это понятно. Но ведь добавление 3 плагинов для SEO не поможет вам достичь этой цели. На самом деле, есть много проблем с совместимостью, возникающих при использовании All In One SEO, Yoast и других плагинов для SEO одновременно, например, вывод дублирующих метатегов. Установка дополнительных плагинов не гарантирует улучшение вашей поисковой оптимизации.

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

Даже если вы не являетесь продвинутым пользователем WordPress, общие проблемы с производительностью достаточно легко обнаруживать. Продвинутым пользователям я рекомендую пользоваться WebPageTest, поскольку он поддерживает последние протоколы HTTP/2. Для остальных подойдет Pingdom. Простой каскадный анализ покажет вам, есть ли у вас ненужные переадресации, отсутствующие файлы, избыток DNS-запросов или перегрузка сайта через сторонние скрипты или рекламные сети.

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

9. Изменение ядра WordPress, это плохо

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

10. Обеспечьте совместимость с PHP 7 и HHVM до переноса сайта

Известно, что PHP 7 и HHVM очень способствуют повышению производительности сайтов на WordPress. И конечно, всегда приятно использовать новейшее и самое лучшее. Но сначала стоит убедиться, что ваш сайт совместим с этими технологиями. Например, если вы обновляетесь с PHP 5.6 до PHP 7, вы должны протестировать все функции вашего сайта на WordPress в обкаточной среде или локально, чтобы убедиться, что проблем с совместимостью нет. Один устаревший, но очень важный для вас плагин, может не работать с PHP 7, что означает, что вам придется подождать его обновления, прежде чем переходить на более свежие технологические решения.

11. Крупные сайты должны заниматься оптимизацией баз данных

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

Вы можете конвертировать свои таблицы всего в несколько простых действий. Для начала, убедитесь, что вы используете MySQL 5.6.4 или более новую, а также, что вы сделали резервную копию, в качестве меры предосторожности. В этом примере используется таблица wp_comments. Просто запустите команду ALTER, чтобы преобразовать для работы с InnoDB.

Если же вы работаете с актуальной версией phpMyAdmin, вы можете открыть нужную таблицу, перейти во вкладку “Операции” и изменить механизм хранения там.

Еще один простой способ оптимизации ‒ это отключение или ограничение количества хранимых исправлений в базе данных. Вы можете добавить в свой wp-config.php следующее, чтобы полностью их отключить.

Или просто измените их количество, хранимое для каждого поста или страницы:

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

Если на вашем сайте сохранено множество изменений, вы можете запустить этот сценарий в phpMyAdmin, чтобы их удалить:

Вы также можете воспользоваться плагином WP-Optimize для этих целей.

12. Действительно ли вам необходима универсальная тема?

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

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

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

13. Лог ошибок ‒ ваш друг

Если вы знаете, как вести себя с файлами WordPress и файлом wp-config.php, журнал ошибок может сослужить вам хорошую службу. Регулярно проверяя его, вы спасете себя от всевозможных головных болей, а также глубже изучите работу WordPress. Мало кто из пользователей заглядывает в лог перед обращением за помощью к техподдержке хостинга. С помощью нескольких простых настроек в wp-config.php, вы сможете включить ведение журнала ошибок, который по умолчанию сохраняется в /wp-content/debug.log.

Вывод логов на странице:

14. Google здесь не просто так

Не бойтесь искать ответы в Google. Интернет полон подсказок и решений. В течение пары минут, вы можете исправить большинство ваших проблем. Ответы на типичные вопросы, вроде “как изменить DNS в GoDaddy” или “как пользоваться sFTP”, легко могут быть найдены в Google.

В Интернете есть крупные ресурсы, посвященные работе с WordPress, такие, как StackExchange и WordPress Codex, не говоря уже о сотнях блогов с обучающими статьями.

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

15. 123456 больше не допускается

SpashData собирает список наиболее часто используемых слитых паролей (более 2 млн.) каждый год. Неудивительно, что в 2015 году самым популярным паролем был “123456” ‒ тот же, что и в 2014 году. Это довольно неприятно для хостингов, так как использование таких паролей держит сайты буквально в шаге от взлома. Одним из лучших решений является использование KeePass или его аналогов. Зашифрованный пароль в облаке всегда намного безопаснее, чем “123456”.

16. Скрипты не всегда должны загружаться по всему сайту

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

Один из таких примеров ‒ популярный плагин Contact Form 7. Как показано ниже, он загружает файлы CSS и JavaScript на домашнюю страницу сайта, хотя там не используется ни одной контактной формы.

Есть несколько способов это исправить. Первый ‒ использовать функцию wp_dequeue_script(), введенную в WordPress 3.1. Она позволяет удалять скрипты из очереди загрузки на вашем сайте. Вот пример использования этой функции с Contact Form 7. Разработчик Contact Form 7 также имеет документацию о том, как использовать JavaScript и CSS только там, где это необходимо.

Второй способ ‒ использовать специальные плагины для WordPress, например, Gonzalez или Plugin Organizer. Ниже приведен пример использования Gonzalez на нашем сайте. Удобное окно настроек позволяет за пару щелчков мыши убрать JavaScript и CSS файлы плагина Contact Form 7 со всех страниц, кроме страницы контактов, тем самым, увеличив скорость загрузки остального сайта.

Как происходит SEO оптимизация статьи на WordPress

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

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

Объём статьи

WordPress позволяет публиковать тексты любого объёма, но для продвижения необходимо придерживаться некоторых норм.

Так, практика показывает, что статья приносит результат, если написана на более чем 2 000 символов. Но и слишком большие статьи делать не нужно. Точной границы нет, но, пожалуй, 5 000 – 7 000 символов следует считать максимумом. Иначе поисковик будет считать это «водой». Если же действительно есть, что сказать на такой большой объём, то лучше сделать серию небольших статей.

Объём статьи должен быть 2-7 тысяч символов.

Размещение статьи

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

Статьи нужно публиковать в записях WordPress и добавлять записи в рубрики.

Заголовок H1

В условиях WordPress заголовком H1 является название записи. Заголовок H1 должен встречаться только один раз на всей странице. Это одно из условий SEO оптимизации статьи. Поэтому в самой записи не нужно ещё раз использовать заголовки с тегом H1.

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

В WordPress название записи является заголовком H1. Больше в записи не нужно использовать H1. В этом заголовке нужно разместить ключевую фразу.

Структура статьи и заголовки H2 и H3

Заголовки H2 и H3 – это следующие по важности в иерархии заголовки. Об этом можно прочесть подробнее здесь. Использование этих заголовок создаёт структуру статьи, то есть разделяет её на смысловые части. Под каждым заголовком должно быть написано то, что несёт по смыслу сам заголовок. Это удобно для восприятия и поисковикам нравится.

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

Кроме того, не забывайте разделить текст на абзацы. В каждом абзаце по 2-3 предложения.

Используйте в записи заголовки H2 и H3 для создания структуры статьи. А также применяйте в заголовках ключевые фразы.

URL записи

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

Используйте в составе URL записи ключевую фразу транслитом, под которую написана статья.

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

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

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

Подробнее об оптимизации изображений можно узнать здесь.

Оптимизируйте картинки с помощью заголовка и альтернативного заголовка.

Мета-теги

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

Для того, чтобы в WordPress создать мета-теги заголовка и описания, можно использовать специальные плагины, например, такие популярные, как All in one SEO или Yoast SEO.

Создайте уникальные SEO-заголовок и SEO-описание для записи с использованием ключевых фраз. Сделать это можно с помощью SEO-плагинов.

Оформление текста

SEO оптимизация статьи для WordPress завершается оформлением текста. Под этим понимается улучшение его восприятия. Для этого можно порекомендовать такие способы:

  • Выделение жирным шрифтом или цветом.
  • Выделение цветными блоками важных моментов.
  • Создание оглавления.

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

Выполните форматирование текста для удобства восприятия.

SEO-оптимизация сайта на WordPress в 2020 году

Самый частый вопрос по поводу WordPress, который доводится слышать — SEO-оптимизация. Вообще, данная фраза та еще тавтология, ведь SEO – аббревиатура, которая расшифровывается так: Search Engine Optimization, то бишь поисковая оптимизация. Но раз фраза распространена, придется согласиться с большинством и использовать ее.

Готовим WP к поисковой оптимизации

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

Так что, отсутствие нормальных SEO-настроек из коробки, правильный ход от разработчиков WP. Они не всегда нужны, например, зачем это лендингу, заточенному под рекламное продвижение? Хотите SEO, ставьте плагин. Нет необходимости? Тогда не ставьте. Все довольно просто. И я считаю это правильным. Чем менее нагруженное ядро, тем выше вариативность использования.

Начнем с подготовки плагинов. Есть два стула плагина, которые уделывают по функциональности остальные: All in One SEO Pack и Yoast SEO. Какой из них лучше можете узнать в этом обзоре. Но скажу честно, оба хороши. Установите один из них. Они дадут довольно хороший функционал и позволят делать много удобных вещей.

Вторым немаловажным фактором выступят постоянные ссылки. Посмотрите на скриншот ниже.

Постоянные ссылки — неотъемлемая часть SEO

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

Чтобы убрать /topics/ и оставить только название категории, ставим точку в месте, указанном на скриншоте. А выше префикса для категорий посмотрите, какой тип произвольной ссылки я указал.

Здесь отмечен префикс для рубрик

Кстати, в самой ссылке желательно использовать латиницу, на русскоязычные линки поисковики до сих пор смотрят косо. В UPRL для разделения слов не применяйте символы « _ / \ . * » и тому подобные, в таких случаях лучше применить дефис.

Оптимизируем WordPress под SEO

Теперь начнем непосредственно оптимизацию. Если сайт у вас новый, то в первую очередь нужно подготовить домен под протокол SSL. То бишь, чтобы было не http, а https. Вы можете купить SSL либо создать бесплатный, например на Let’s Encrypt. Второй вариант ничем не хуже.

Если сайт уже довольно долго существует, задача несколько усложняется. Правильный перенос сайта на новый протокол — событие эпохальное, ошибки непростительны. Но выход есть. Так как с точки зрения поисковых систем сайт http://my-site .ru и https://my-site.ru – совершенно разные сайты, то придется настроить редиректы. Плагин Redirection позволит сделать это легко и быстро. Также рекомендуется изменить все ссылки с http , часто они вносятся вручную самим пользователем, хоть это и неправильно, но встречается повсеместно. Такие исправить можно только руками. А вот остальные можно поправить с помощью плагина Better Search Replace. Он отлично и быстро выполнит задачу. После можете не переживать. Но если есть покупные ссылки, ведущие на ваш сайт, то лучше попросить вебмастеров заменить их на новые, иногда это делается бесплатно.

Топ-пост этого месяца:  Маркетплейс – что это и как работает, плюсы и минусы

Постоянные ссылки выставлены, SSL подготовлен, теперь пора начать устранять другие проблемы. Начнем с файла robots.txt

Robots.txt

Данный файл собрал методом проб и ошибок, опираясь на мануалы Google и Яндекс, итоговый вариант выглядит так:

Все записи с Allow можете убрать, я оставил их для наглядности. Allow значит разрешить, Disallow – запретить. Данный файл нужен только для запретов. Все, что не запрещено, для поисковика считается разрешенным автоматически. В строке “Host” укажите свой домен. В строке sitemap адрес карты сайта. Мы ее позже создадим с помощью плагина.

Медиафайлы

У WordPress есть замечательная багофича, которая позволяет создать отличный треш на сайте — медиафайлы. Для каждой картинки, вставки и прочей чепухи создается отдельная страница вложения. В итоге это «гуано» попадает в индекс, количество страниц безмерно плодится, роботы вынуждены дольше ползать по сайту.

Есть несколько способов борьбы с сим явлением:

  1. Закрыть через robots.txt .
  2. Сделать редиректы через .htaccess .
  3. Добавить небольшой пользовательский код в functions.php .

Теперь расскажу поподробнее о каждом способе.

Вариант 1. Закрываем индексацию через robots.txt . Добавляем в файл выше для каждой поисковой системы строку:

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

Вариант 2. Делаем редиректы. В корневой папке в файле .htaccess добавляем такой код:

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

Теперь наиболее простой вариант 3. Открываем functions.php , желательно, чтобы все изменения проводились в рамках дочерней темы, иначе при обновлении высока вероятность потери пользовательского кода. Теперь добавляем туда следующий код:

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

Настраиваем All in One SEO Pack

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

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

Разметку Schema.org тоже можете включить, но учтите, поддержка оной у AiOSP гораздо хуже, чем у Yoast.

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

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

Здесь выбираем настройки, где можно будет использовать пользовательские настройки SEO. А также верификацию в Bing, Search-консоль и тому подобное. Рекомендую оставить как есть. Еще чуть ниже настройка профиля Google+, но это уже мертво, так что смело пропускаем.

Теперь глядим настройки индексирования. Многие блокируют вообще все, чтобы избежать дублей. Но я оставляю рубрики. Пусть будут. А вот если индексятся все типы архивов, может быть плохо. Но на самом деле маловероятно. Поисковики прекрасно все понимают, потому, блокируйте на свое усмотрение. Но лучше так: чем пользуетесь, то пусть и индексируется. Архивы дат и метки я нигде не вывожу (точнее, специально не использую, они просто есть), а вот рубрики у меня рабочие. Потому noindex для них не стал проставлять.

А здесь мы можем увидеть перенаправления вложений. Фактически то, что сделано выше с медиафайлами. Но у меня функция почему-то не заработала, потому сделал так. Кстати, рекомендую поставить галочку также, как на скриншоте выше, на чекбокс «Никогда не сокращать длинные описания» , чтобы AiOSP не обрезал описания. Еще ниже есть возможность добавить еще одно мета — keyword, но это тоже мертво, не стоит париться.

Вкладка «Производительность». Здесь можно увидеть настройки своего веб-сервера и исправить некоторые ограничения. Рекомендую ничего не менять.

XML-карта сайта

Пришло время дать поисковым системам то, что они так любят — карту!

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

Дальше включаем период обновления xml-карты и разрешаем ее индексацию. Указываем максимальное количество публикаций, выбираем типы записей и таксономий, которые будут в нее входить. Готово. Меня устроил стоковый вариант. А теперь разъясню следующие настройки.

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

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

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

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

Немаловажным фактором является скорость сайта. В данном случае нужен индивидуальный подход. Так что смотрите методы ускорения работы WordPress.

Подводим итоги

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

Как оптимизировать рубрики на WordPress

Оптимизация рубрик (категорий) на WordPress — это вполне важный и нужный шаг, равно как и открытие их для индексирования. Если вы еще не в курсе — именно в рубриках зачастую поведенческий фактор очень высок, что позволяет выводить их в топ поисковых систем по нужным запросам. К сожалению зачастую вебмастеры просто не понимают всей ценности данных разделов и вообще закрывают их для индексирования в robots.txt или используя специальные плагины.

Как оптимизировать рубрики?

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

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

В чем прелесть категорий на сайте?

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

  • Заставляет заходить пользователей из закладок на этот раздел;
  • «Прикармливает» поисковых ботов и заставляет их все чаще и чаще приходить на эту рубрику;
  • Дает много внешних ссылок, если контент в категории действительно стоящий.

Приступаем к оптимизации

1. Теги Title и Description

Эти мета-теги — важнейшие элементы оптимизации раздела на сайте. Удобней всего их прописать через плагин Category SEO Meta Tags. Там все предельно просто — устанавливаем сам плагин и в настройках рубрики прописываем теги вот так:

Если возникли сложности, можете почитать подробней в статье:

где я детально рассказывал как настроить этот плагин.

2. Создание отдельного шаблона для рубрики

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

Итак, заходим на FTP и просто создаем дубль файла category.php, добавив в его имя числовое значение ID нужной рубрики. Взять это значение можно в админке сайта. Для этого просто переходим в «Записи — Рубрики» и наводим мышкой на пункт «Изменить» под названием нужной рубрики.

Вот этот ID и нужно вписать таким образом: category-8.php и все! Теперь можно вносить любые изменения в этом файле и они затронут только один, нужный нам раздел.

3. Создаем отдельный сайдбар

Просто берем и копируем существующий в теме sidebar.php, переименовываем, например так sidebar-cat8.php. Теперь можете вручную добавлять в него совершенно любые виджеты, тексты, фреймы, да все что душе угодно. Не забываем также подправить файл category-8.php, чтобы «цеплялся» именно этот, новый сайдбар. Для этого находим в этом шаблоне функцию, которая отвечает за подключение сайдбаров и просто меняем ее на эту.

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

4. Добавляем текст над основным контентом

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

Разумеется сам файл yd8.php нужно заранее создать и поместить туда наш оптимизированный контент.

Что касается самого текста — не стоит слишком злоупотреблять ключевыми словам, пишите просто и со вкусом. Добавьте картинку и видео, которое будет как нельзя кстати именно в этом разделе и заставит пользователя читать контент.

Если хотите, можете добавить аналогичным образом блок с текстом и под основным контентом. Также можете использовать теги заголовков (H1-H6), только рекомендую проверить какие уже имеются на данный момент, дабы не получилось «каши», которая приведет ваш сайт под фильтр ПС �� .

5. Вывод комментариев в категории

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

На первый взгляд, добавить комментарии очень просто, добавив в наш category-8.php соответствующую функцию:

Однако метод этот не работает и тут приходит на помощь приходит вариант номер 2, о котором я упоминал вначале статьи — вывод категории на WordPress через создание отдельной страницы, но это тема уже для следующей статьи ��

Как оптимизировать блог на WordPress для SEO

Время прочтения: 8 мин.

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

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

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

Базовая настройка WordPress

Вордпресс — интуитивно понятная и удобная платформа, которая позволяет «разворачивать» сайты любого уровня. Для изучения CMS на базовом уровне хватит одного-двух дней. Вместе с тем, в системе управления есть и недостатки, которые прямо влияют на SEO: дубли, открытая для индексирования пагинация, технические адреса replytocom, WP-JSON и т.д. Можно бороться с ними вручную, но есть менее энергозатратное решение, о которым мы расскажем ниже.

Создание сайта для людей требует грамотного подхода и выполнения нескольких базовых «операций»:

  1. Выбор дружелюбной SEO темы, которая не только поможет в оптимизации сайта на WordPress, но и будет соответствовать современным требованиям. Шаблон должен подстраиваться под изменение размера экрана и одинаково отображаться во всех популярных браузерах. Можно заказать разработку дизайна с нуля или купить подходящий вариант в маркетплейсе Envato.
  2. Выбор главной версии веб-ресурса. На хостинге можно включить перенаправление с www и подключить защищенный SSL сертификат для получения зелёного замочка в адресной строке.
  3. Настройка формата ссылок. Вордпресс предлагает несколько вариантов на выбор: стандартную структуру domain.com/?p=, ориентация на название записи, подстановка цифр или произвольная структура. Обычно используется либо название записи, либо формат вида категория-статья. Необходимо соблюдать главное правило — любая страница должна находиться на расстоянии трёх кликов. Например, главная-категория-запись.
  4. Автоматический перевод адреса страницы из кириллицы в латиницу. CMS изначально генерирует ссылки на русском языке и в Рунете достаточно сайтов с кириллическими доменами, но хорошим «тоном» считаются ссылки на транслите или английском языке. Для этих целей подойдет плагин Cyr-To-Lat или аналог.
  5. Загрузка базовых плагинов. В этом аспекте всё зависит от задач сайта. Обычно хватает: инструмента для борьбы со спамерами Kama Spamblock, генератора шорткодов для упрощенной работы с контентом Shortcodes Ultimate, «живого» поиска Ajax Search Lite, расширения для оптимизации СSS/JS/HTML и борьбы с «мусором» Clearfy, плагина кеширования WP Super Cache.
  6. Установка основного «центра» для работы с SEO. Этот пункт требует особого внимания, поэтому позже мы остановимся на нём более подробно.
  7. Настройка «Политики конфиденциальности». В одном из недавних обновлений появился новый пункт в «Конфигураторе». Однозначно стоит сделать пользовательское соглашение и указать его в настройках. Это больше актуально для Google и зарубежных сайтов, но лишним не будет.

Оптимизация WordPress — рутинный процесс, который включает в себя множество этапов. Достаточно один раз выполнить его и на каждом последующем проекте скорость выполнения базовых настроек будет расти. Через 5-10 сайтов вы сможете делать это с «закрытыми глазами».

Оптимизация контента

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

Title и Description

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

Общие требования:

  • Title не более 70 символов, оптимально — 60.
  • Description не более 320 символов, оптимально — 160-200.
  • В метатеги нужно включать одно или несколько ключевых слов.
  • Тайтл и Дескрипшен должны быть уникальными для каждой страницы.
  • Для привлечения внимания в поисковой выдаче можно включать в сниппет спецсимволы. Работа с ними облегчается с помощью удобного генератора.

Заголовки H1-H6

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

Общие требования:

  1. Один H1 на странице. Если в логотипе или в названии сайта он уже употребляется, то следует избавиться от дубля.
  2. Иерархическая структура. H3 не может идти сразу после H5.
  3. Title и H1 должны отличаться.

URL страницы

Адрес страницы должен быть коротким и запоминающимся. К примеру, domain.com/blog/sozdanie-sayta. Оптимальная длина URL до 70 символов. Не забудьте проверить, задан ли канонический адрес в настройках SEO плагина. Он необходим для определения главной страницы, если есть несколько адресов с похожим контентом.

Микроразметка

Микроразметка — расширенное отображение в результатах поиска: рейтинг, хлебные крошки, информация об авторе. Этот аспект косвенно влияет на оптимизацию сайта на WordPress под Google.

Настроить микроразметку можно через плагины или же вручную — через редактирование шаблона одиночной записи, который в Вордпресс обычно называется single.php или single-content.php. Настройка расширенного сниппета тянет на отдельную статью, мы не будем переписывать их, а дадим ссылки на два рабочих варианта, которые сможет внедрить любой пользователь, которому хоть немного знакома структура шаблонов CMS:

Добавочная ценность

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

Элементы добавочной ценности:

  • Содержание статьи. Можно создать через плагины или вручную с помощью актуальной инструкции от Wp-kama.
  • Блоки внимания. Помогают выделить важные моменты через цитату, предупреждение, ошибку или справочную информацию.
  • Информация об авторе. В начале или конце статьи необходимо разместить краткую биографию автора в 2-3 предложениях. Желательно также указать ссылки на «живые» социальные сети. На отдельной странице можно подробно написать о редакции. Это может помочь в борьбе с фильтром YMYL, который «подкосил» сайты многих тематик в марте-апреле 2020 года и обновлением основного алгоритма. Техническая реализация заложена в плагинах Simple Author Box и Starbox.
  • Интерактивные элементы. К примеру, для публикации ссылки на приложение в Google Play или App Store можно использовать WP-Appbox. Плагин выводит компактный бейдж с основной информацией о программе.

Добавочная ценность влияет на поведенческие факторы, а они, в свою очередь, на продвижение сайта на WordPress в поиске.

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

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

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

Для оптимизации изображений на WordPress можно использовать автоматизированные решения: Smush или EWWW Image Optimizer. Некоторые веб-мастера пользуются сервисами вроде TinyPNG или CompressJPG.

Размер

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

CMS обычно сама масштабирует размер изображения для пользователей в зависимости от разрешения экрана. Общепринятых стандартов нет, но размещать картинку в 600 пикселей по высоте для просмотра на мобильном телефоне — нецелесообразно. Лучше публиковать мультимедийный контент в минимальном допустимом размере для удобного восприятия. Если пользователь захочет глубже исследовать содержимое, то он кликнет по изображению и посмотрит его. Для удобного предпросмотра пригодится лайтбокс: Easy FancyBox или FooBox.

Alt и title

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

Alt влияет на оптимизацию и раскрутку сайта на WordPress. Поисковик «понимает» содержимое картинки по этому тегу и с помощью нейросетей, которые анализируют объекты. В Альт можно включать ключевое слов, но не стоит сильно увлекаться оптимизацией.

Другие требования:

  1. Alt и Title должны отличаться.
  2. Alt не должен быть слишком длинным. Достаточно двух-трёх слов.

Плагины для SEO оптимизации

Для оптимизации под требования поисковых систем на Вордпресс есть несколько плагинов, которые заслужили доверие пользователей. Кратко рассмотрим каждый из них и определим, какое дополнение более функциональное и удобное. Общий принцип управления у всех «продуктов» примерно одинаковый: есть общий конфигуратор, панель работы с модулями и виджет настроек на конкретной странице/записи/категории.

All in One SEO Pack

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

  • Генерация карты сайта, есть возможность отдельно создать Sitemap для изображений.
  • Поддержка технологии AMP для Google.
  • Настройка канонических адресов.
  • Пинг поисковых систем для быстрой индексации изменений на сайте.
  • Работа с Woocommerce.
  • Автоматическая генерация метатегов.
  • Работа с комплексом Title + Description (TDK).
  • Удобное редактирование метатегов на общей странице записей.
  • Русский перевод.
  • Встроенный редактор robots.txt и .htaccess.

Yoast SEO

До выхода более функционального аналога, считался лидером в нише поисковой оптимизации. Настройка Yoast SEO занимает буквально 5-10 минут.

  • Работа с TDK.
  • SEO анализ контента на странице.
  • Создание карты сайта.
  • Редактирование robots и .htaccess.
  • Настройка ролей пользователей.
  • Массовое редактирование.
  • Настройка перенаправлений (премиум-версия).
  • Автоматическая подстановка релевантных внутренних ссылок для перелинковки (премиум-версия).
  • Русский перевод.

Отдавать почти 6 тысяч рублей за расширенную лицензию плагина нет смысла, так как недавно на рынке появился более функциональный продукт, который распространяется бесплатно. Настроек в Yoast SEO для WordPress действительно много, но все они есть и у амбициозного конкурента.

Rank Math

Относительно новый плагин, который пользуется спросом в буржнете. В отличие от Yoast SEO нет никаких платных версий.

  • Удобный пошаговый конфигуратор.
  • Автоматическая генерация канонических URL.
  • Импорт данных из Yoast SEO и AIO.
  • Работа с редиректами.
  • Отслеживание 404 ошибок с возможностью просмотреть историю.
  • Оптимизация контента под социальные сети.
  • Автоматическая генерация метатегов с подстановкой шаблонов: разделитель, название сайта, автор записи.
  • Анализ контента на основе фокусного ключевого слова.
  • Советы по оптимизации страницы.
  • Автоматическое создание микроразметки выбранного формата для определенных типов страниц.
  • Встроенный анализ сайта.
  • Интеграция с поисковой консолью Google.

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

Чтобы развеять все сомнения посмотрите подробное сравнение плагинов.

Комментарии

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

Мой личный рейтинг плагинов:

  1. Anycomment. Новый продукт, который скоро заткнет за пояс продвинутые системы вроде Cackle и Disqus. Расширение ориентировано под Рунет, есть рейтинг, загрузка файлов, авторизация через социальные сети и встроенная аналитика.
  2. wpDiscuz. Мощная система комментирования, которая работает на Ajax. Есть платная версия и дополнительные модули. Авторизация через соцсети, сортировка комментариев, подписка по электронной почте, удобный визуальный редактор полей.
  3. CommentPress. Платный плагин, который закрывает почти все базовые потребности. Вставка изображений, видео, ссылок, рейтинг комментариев, редактирование и удаление, несколько тем оформления.

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

Чек-лист по оптимизации блога

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

Чек-лист по оптимизации блога:

  1. Выбрать SEO Friendly тему.
  2. Выбрать главное «зеркало» для сайта.
  3. Настроить редиректы.
  4. Установить SSL сертификат.
  5. Проработать структуру URL.
  6. Настроить автоматический перевод URL в латиницу.
  7. Установить базовые плагины для расширения возможностей, сжатия CSS/JS, кеширования и ускорения сайта, оптимизации изображений.
  8. Установить и настроить SEO плагин.
  9. Выбрать систему комментирования.
  10. Разместить оптимизированные материалы.

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

Подарок для читателей

А теперь обещанный бонус! Оставьте почту и получите уникальный подарок — перевод плагина WP-Appbox от автора этой статьи. Также вы найдёте в папке другие полезные плагины — подборку от нашего технического писателя Егора Абраменко, которую он собрал для своей книги «10 шагов по созданию собственного сайта».

Как создать сайт на WordPress: полное руководство для новичков – установка, настройка, работа с сайтом

Время чтения: 27 минут Нет времени читать? Нет времени?

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

Почему WordPress – что это такое и 5 причин его использовать для сайта или блога

WordPress – это самая распространенная, на сегодняшний день, CMS . По данным независимого агентства Web Technology Surveys за сентябрь 2020 года, этот движок используется в 34,6 % сайтов или 64,1 % из тех, что сделаны на основе CMS. Для сравнения, в 2015 году на WordPress работало лишь 24 % ресурсов с CMS. Вот главные причины его успеха:

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

Как выбрать движок для сайта?

Практически неограниченные возможности С помощью WordPress можно создать интернет-магазин, личный блог, корпоративный сайт, информационный портал, отраслевой ресурс, галерею мультимедиа. Гибкая настройка внешнего вида и функциональности Владельцам сайтов на WordPress доступны платные и бесплатные шаблоны, с помощью которых можно кастомизировать внешний вид. А с помощью плагинов можно решать технические задачи, обеспечивать необходимую функциональность сайта. Простота администрирования Чтобы работать с WordPress, не нужны специальные знания. Принципы работы с движком понятны на интуитивном уровне. Возможность создать сайт и опубликовать первый контент в течение 5 минут Конечно, нужно потратить гораздо больше времени, чтобы превратить шаблонный продукт во что-то новое и интересное. Но на установку действительно требуется не больше 5 минут.

WordPress используют Sony Music, The New Yorker, Reuters, TechCrunch, Республиканская партия США, Fortune и многие другие крупные СМИ, корпорации и организации. Черт, даже Rolling Stones и Snoop Dogg оценили этот движок.

Ну что, решили сделать сайт на WordPress? Тогда переходим к пошаговому руководству.

Шаг № 1: как выбрать хостинг и зарегистрировать домен

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

Что такое хостинг? Как выбрать хостинг?

Чтобы выбрать хостинг-провайдера, посмотрите это видео или изучите гайд в блоге «Текстерры». Если на это совсем нет времени, можете обратиться, например, в Reg.ru, Beget или «Айхор». Качество их услуг вполне на уровне.

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

Следующие рекомендации помогут выбрать удачное доменное имя:

  • Выбирайте доменное имя, частично или полностью совпадающее с названием сайта. Например, для сайта «Одноклассники» хорошие доменные имена – odnoklassniki.ru или ok.ru. Понятно, что имя vk.com этому ресурсу не подходит.
  • Используйте максимально короткое доменное имя. Владельцам смартфонов сложно ввести в строку браузера длинный адрес. Поэтому лучше использовать имя vk.com, чем vkontakte.ru.
  • Убедитесь, что выбранный адрес сайта легко запоминается и имеет смысл. Как вы поняли, владельцы «Одноклассников» не случайно выбрали короткое название ok.ru, а не ass.ru, простите за грубый пример.

Выбор доменной зоны не влияет на технические характеристики ресурса или позиции в поисковой выдаче. Однако теоретически этот параметр может влиять на доверие аудитории. При прочих равных пользователи охотнее верят сайтам с адресом vasya-pupkin.ru или vasya-pupkin.com, чем ресурсам типа vasya-pupkin.wordpress.com или vasya-pupkin.blogspot.com. Поэтому для коммерческих проектов старайтесь выбирать домены верхнего уровня, например, .com, .info, .org, .net, .ru, .ua, .by и т.п. Обратите внимание на появившиеся недавно домены первого уровня, например, .club, .guru, .ninja, .expert и другие.

Шаг № 2: как установить WordPress своими руками

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

Перейдите на сайт WordPress и скачайте дистрибутив.

С помощью FileZilla или другого FTP-клиента загрузите файлы WordPress в корневую папку или в субдиректорию. В корневой папке находится файл index.html. Чтобы создать субдиректорию, нужно поместить папку с файлами сайта в корневой каталог. В первом случае сайт будет доступен по адресу www.vash-site.ru. Во втором случае вы установите WordPress на существующий сайт. Он будет доступен по адресу www.vash-site.ru/wordpress/.

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

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

Если все сделано верно, увидите следующее сообщение (см. иллюстрацию).

По основному URL должен открываться сайт.

Вы только что своими руками создали сайт на WordPress. Теперь можете войти в панель администрирования и приступить к настройке.

Шаг № 3: выберите подходящую тему для WordPress

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

– Лучше выбрать бесплатную или платную тему?

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

Топ-пост этого месяца:  Все элементы таксономии в отдельном шаблоне с пагинацией

– Какая тема лучше: русскоязычная или англоязычная?

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

– Как найти подходящий шаблон в каталоге?

Воспользуйтесь фильтром в каталоге тем. Отметьте нужные опции и примените фильтр. Еще один вариант: используйте дизайн-шаблон из подборки «Текстерры».

– Как установить тему WordPress?

Есть два способа. Первый: в админке выберите раздел «Внешний вид – Темы». Нажмите кнопку «Добавить новую».

Найдите нужную тему по названию или с помощью фильтра характеристик.

Наведите курсор на выбранную тему и нажмите кнопку «Просмотреть». Движок включит режим предпросмотра. Если внешний вид сайта вас устраивает, установите и активируйте тему.

Второй способ: скачайте дистрибутив выбранной темы на компьютер. Это должен быть архив в формате .zip. В разделе админки «Внешний вид – Темы – Добавить новую» загрузите и установите шаблон. После загрузки активируйте его.

Вы установили и активировали понравившийся шаблон. Теперь можно приступить к настройке.

Шаг № 4: как настроить сайт на CMS WordPress и тему (шаблон)

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

Настраиваем CMS WordPress

Войдите в административную панель WordPress и выберите меню «Настройки». Укажите необходимые данные в каждом разделе настроек.

В разделе «Общие» укажите название и краткое описание сайта. Эта информация будет отображаться для пользователей. В полях «Адрес WordPress» и «Адрес сайта» укажите URL ресурса. Выберите часовой пояс, формат даты, язык сайта. Оставьте поле «Членство» пустым, так как на первом этапе развития сайта на нем захотят регистрироваться только боты и злоумышленники.

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

Обязательно укажите хотя бы один надежный сервис слежения за обновлениями в разделе «Сервисы обновления». В этом случае движок будет автоматически уведомлять поисковые системы о публикации новых материалов. Например, выберите сервис http://rpc.pingomatic.com/. Сохраните изменения.

Каждый раз при нажатии на кнопку «Обновить», оповещаются и выбранные сервисы. Чтобы домен не попал в списки ping-спамеров, есть плагин WordPress Ping Optimizer. Установите его и настройте частоту обмена данными об изменениях.

В разделе «Чтение» укажите, что должно отображаться на главной странице сайта. Если создаете блог, на главной должны быть последние записи. Для сайта со статическими страницами, в качестве главной выберите одну из них и создайте отдельную страницу «Блог», на которой будут отображаться посты. Посмотреть, как это выглядит, можно на сайте проекта TeachLine.

Укажите, сколько записей отображать на одной странице и в лентах RSS. Выберите отображение в ленте анонсов статей. Если по какой-то причине не хотите, чтобы поисковики начали сразу индексировать сайт, установите галочку в соответствующем поле. Позже ее можно будет убрать.

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

В разделе «Медиафайлы» оставьте настройки по умолчанию.

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

Как настроить тему WordPress

Каждый шаблон имеет собственные настройки. Описание настроек дефолтной темы Twenty Nineteen поможет понять закономерности и настроить выбранный шаблон.

В консоли WordPress выберите меню «Внешний вид – Настроить». Откроется страница настройки темы или кастомайзер. Доступные пункты настройки можно увидеть в меню в левой части экрана.

В разделе «Свойства сайта» загрузите логотип, укажите название и краткое описание сайта, добавьте фавикон .

В разделе «Цвета» выберите цветовую схему шаблона, а также цвет фильтра закрепленного фото.

В разделе «Меню» настройте меню сайта. Нажмите кнопку «Создать меню».

Укажите название и область меню.

Добавьте в меню нужные страницы и нажмите кнопку «Опубликовать».

В разделе «Виджеты» добавьте на сайт виджеты. Обратите внимание, что в 2020 году в дефолтной теме WordPress снова появился сайдбар. Если он вам не нужен, просто удалите боковые виджеты.

Как русифицировать тему WordPress

Русифицировать тему удобно с помощью бесплатной программы Poedit. Скачайте и установите ее на компьютер, а затем загрузите с вашего сайта на компьютер языковые файлы выбранного шаблона с помощью FTP-клиента, например, FileZilla. Также это можно сделать с помощью плагинов, например, File Manager. Если вы его установили, действуйте по следующему описанному ниже алгоритму.

В консоли выберите меню FileManager – Configuration. Настройте конфигурации, как указано на иллюстрации.

В меню FileManager – FileManager выберите папку wp-content – themes.

Выберите папку темы, которую хотите русифицировать. В ней откройте папку languages.

Скачайте на компьютер файлы en.mo и en.po. Если таких файлов нет, скачайте на компьютер файл с расширением .pot.

Откройте программу Poedit и выберите опцию «Создать новый перевод».

Откройте файл перевода и укажите код языка.

Приступайте к переводу. В поле «Исходный текст» программа отображает текст на английском языке. В поле «Перевод» нужно добавить текст на русском.

Сохраните перевод. Программа загрузит на жесткий диск вашего ПК два файла: ru_Ru.mo и ru_RU.po. С помощью функции Upload files загрузите файлы в папку languges вашего шаблона.

Вы русифицировали шаблон.

Вместо программы для ПК Poedit можно использовать плагин Loco Translate. После установки и активации надстройки интерфейс для перевода шаблонов появляется в админке сайта. Он тоже работает с языковыми файлами .po и .mo вашей темы, но все делается прямо в браузере.

Шаг № 5: решаем практические задачи с помощью плагинов для WordPress

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

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

Пользуйтесь плагинами с осторожностью и устанавливайте только самые необходимые. С помощью плагинов можно сделать следующее:

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

Как с помощью плагинов обеспечить безопасность сайта на WordPress

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

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

Чтобы регулярно создавать резервные копии сайта, воспользуйтесь одним из перечисленных плагинов:

  • WP Database Backup – пока не переведен на русский;
  • BackUpWordPress – есть русская версия, но реже обновляется;
  • Backup and Restore WordPress – не русифицирован

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

Нажмите кнопку «Установить». После установки активируйте плагин. Теперь настройте параметры резервного копирования. Выберите меню «Инструменты – WP DB BackUp». Нажмите Create New Database BackUp. Вы создали резервную копию по требованию.

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

На вкладке Destination включите автоматическое сохранение архива на Google Drive или отправку на электронную почту.

Чтобы защитить сайт от несанкционированного доступа, воспользуйтесь плагином Loginizer Security. Надстройка надежно защищает сайт от взлома методом перебора или брутфорсинга.

Как бороться со спамом на сайте WordPress

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

Защититься от спама можно с помощью плагинов, например, Akismet или Antispam Bee. После установки Antispam Bee плагин работает в фоновом режиме. Обычно подходят дефолтные настройки, а если нужно что-то поменять, перейдите в меню админки «Настройки – Antispam Bee».

Еще один хороший плагин, который использует технологию reCaptcha компании Google, называется Advanced noCaptcha & invisible Captcha. Теперь спам фильтруется с помощью искусственного интеллекта. Для настройки необходимо просто зарегистрировать свой сайт в Google, выбрать версию капчи и получить два ключа – обычный и секретный, чтобы использовать их с плагином.

Как обеспечить SEO сайта на WordPress

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

  • Создание и обновление карты сайта.
  • Канонизация URL.
  • Оптимизация title страниц.
  • Автоматическая генерация мета-данных страниц.
  • Блокирование индексации дублированного контента.
  • Создание микроразметки страниц.

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

Установите и активируйте выбранный плагин, например, Google XML Sitemaps.

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

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

Для технической оптимизации ресурса воспользуйтесь одним из следующих плагинов:

  • All in One SEO Pack.
  • WordPress SEO by Yoast.

Установите и активируйте выбранный плагин, например, All in One SEO Pack. Используйте настройки по умолчанию, если вы только знакомитесь с WordPress. Если считаете себя продвинутым веб-мастером, можете изменить некоторые настройки SEO-модуля. Для этого выберите меню All in One SEO в консоли движка.

Обратите внимание на перечисленные ниже настройки.

В разделе «Основные настройки» уберите флажок напротив пункта Use Schema.org Markup. Размечать страницу лучше с помощью отдельного плагина.

Если в качестве главной используете страницу записей, в разделе «Настройки главной страницы» укажите title, description и keywords. Если в качестве главной используется статическая страница, установите флажок в поле «Включить».

В разделе «Настройки для вебмастера» укажите код верификации ресурса в кабинете для вебмастеров Google. Для этого добавьте в «Инструменты для вебмастеров» новый ресурс, выберите альтернативные методы верификации. Скопируйте часть кода HTML, указанную на иллюстрации.

Вставьте ее в поле «Инструменты вебмастера Google» на странице настройки плагина.

Сохраните параметры плагина. В кабинете для вебмастеров нажмите кнопку «Подтвердить».

Для разметки страниц воспользуйтесь одним из следующих плагинов:

Связка WPSSO и WPSSO JSON Первый плагин базовый, а второй представляет собой расширение. С помощью базового решения на сайт можно добавить разметку Open Graph. С помощью второго с помощью JSON-LD реализуется разметка Schema.org. WP SEO Structured Data Schema С помощью данного плагина на сайт можно добавить несколько типов разметки Schema.org, включая Article, BlogPosting и Review. Разметка реализуется с помощью JSON-LD. Плагин Schema App С помощью этой программы на сайт можно добавить разные типы разметки Schema.org. Она реализуется через JSON-LD. Бесплатная версия поддерживает базовые типы разметки. Также для разметки можно использовать онлайн-генератор, если вы хорошо понимаете базовые принципы разметки Schema.org.

Установите и активируйте плагины WPSSO и WPSSO JSON. В консоли на странице настроек плагинов в разделе Essential Settings укажите информацию о сайте, а также сведения для разметки Open Graph. Не меняйте другие настройки.

Перейдите в раздел Schema Markup. В полях Organization Logo Image URL и Organization Banner URL укажите URL логотипа и баннера сайта. Эти изображения могут использоваться на странице поисковой выдачи.

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

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

Тип разметки BlogPosting – производное Article. Кроме BlogPosting, к частностям Article относится тип разметки News Article или «Новость». То есть BlogPosting содержит все семантические данные разметки Article.

Используйте тип BlogPosting, если публикуете небольшие заметки, личные наблюдения и впечатления, как в «Живом Журнале». Тип Article больше подойдет для обзоров, аналитических статей, руководств, как в блоге «Текстерры». Для статических страниц и страниц медиафайлов нужно указывать тип WebPage.

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

Что делать, если вы публикуете материалы разного типа: лонгриды, небольшие заметки и новости? В этом случае для каждой публикации лучше выбрать подходящую разметку. Вместо надстройки WPSSO JSON воспользуйтесь плагином WP SEO Structured Data Schema.

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

Недостаток плагина – необходимость размечать каждую публикацию вручную. А к преимуществам можно отнести поддержку дополнительных типов разметки, например, Review, Product и Aggregate Ratings. Бесплатная версия WPSSO JSON не поддерживает эти типы.

Между прочим, TexTerra занимается комплексным продвижением в интернете. Помимо SEO, услуга включает работу по разным направлениям: SMM, контент- и видеомаркетинг, email-рассылки и др. На сегодняшний день не существует более эффективного метода для бизнеса.

Как повысить функциональность и юзабилити ресурса

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

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

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

Начните улучшение юзабилити с латинизации URL сайта. Обратите внимание на ссылку, которую CMS генерирует по умолчанию. В ней есть кириллические буквы.

Скопируйте URL и вставьте его в комментариях на сайте или в текстовом редакторе.

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

Эту проблему можно решить с помощью WP Translitera или аналогичного плагина. Для этого достаточно установить и активировать выбранный модуль.

Добавьте на страницы кнопки шеринга социальных сетей. Эту задачу можно решить разными способами. Например, установите и активируйте плагин Head, Footer and Post Injections. Это полезная надстройка: с ее помощью можно добавлять произвольный код на все или отельные страницы сайта.

Выберите сервис шеринга, например, Pluso. Настройте блок «Поделиться» и скопируйте предложенный системой код. В админке сайта перейдите в меню «Настройки – Header and Footer». Откройте вкладку Posts. Вставьте код после или перед публикацией.

Сохраните изменения, проверьте, как отображаются кнопки.

Шаг № 6: как установить коды сервисов аналитики и подключить сайт к кабинетам для веб-мастеров

Обозначенная в подзаголовке задача решается разными способами. Например, при установке плагина All in One SEO Pack вы уже подключили ресурс к кабинету для вебмастеров Google. Подключить сайт к «Вебмастеру», «Метрике» и Google Analytics поможет установленный ранее плагин Head, Footer and Post Injections.

Зарегистрируйте сайт в указанных сервисах. Инструкции по регистрации можно найти в гайдах «Текстерры» по «Яндекс.Вебмастеру», «Метрике» и Google Analytics.

После регистрации в сервисах скопируйте коды отслеживания или теги верификации и вставьте их на сайт. Для этого перейдите по вкладке Head and footer на странице настроек плагина.

Подключить любой внешний сервис можно с помощью диспетчера тегов Google. Код Tag Manager нужно установить в разделы head и body каждой страницы сайта с помощью Head, Footer and Post Injections. О работе с диспетчером тегов можно прочитать в нашем руководстве.

Шаг № 7: как создавать страницы и записи на сайте под управлением WordPress

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

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

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

Как создать статическую страницу

Придерживайтесь описанного ниже алгоритма.

Выберите меню «Страницы – Добавить новую».

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

Например, чтобы вставить фотографию, выберите соответствующий блок.

Выберите источник фото и положение картинки на странице.

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

После редактирования опубликуйте страницу.

Проверьте корректность отображения контента. Если нужно, отредактируйте страницу.

Как создать публикацию

Создание публикации рассматривается на примере классического редактора. С пятой версии WordPress, его придется установить как отдельный плагин. Конечно, как и для страниц, можно использовать новый «Гутенберг», но он не настолько гибкий.

Чтобы добавить запись, выберите меню «Записи – добавить новую».

Большинство шаблонов поддерживает несколько форматов записи. Выберите подходящий.

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

Классический редактор поддерживает два формата редактирования: визуальный или WYSIWIG и «Текст» с возможностью использовать HTML. Выберите подходящий. Добавьте заголовок и контент.

Укажите title и description, выберите изображение записи. Опубликуйте страницу.

Приступайте к самому главному

Вы создали и настроили сайт на WordPress и научились публиковать контент. Теперь вас ждет самая тяжелая и ответственная работа. Чтобы сайт был эффективным, вы должны регулярно создавать качественный и полезный для аудитории контент. Возможностей «движка» достаточно для реализации практически любого проекта: от информационного ресурса до интернет-магазина.

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

Сложно, не получается или просто нет времени? Делайте то, что умеете лучше, а профессиональное создание сайта на WordPress доверьте специалистам «Текстерры».

Как ускорить сайт на WordPress в 17 раз. Пошаговая инструкция

Представляю наиболее полную инструкцию с способами по ускорению работы сайта на WordPress. Благодаря описанным ниже способам я ускорил загрузку своего сайта с 24,40 секунд до 1,41 секунды. Увеличил скорость загрузки в 17,3 раза! Хороший результат. Чтобы узнать как — читайте полную статью.

Замеры скорости работы сайта я проводил сервисом Pingdom Speed Test. Тестировал главную страницу сайта. Смотрите ниже показатели сайта «до» и «после» улучшений, и короткую и полную инструкцию по ускорению сайта.

Показатели сокрости загрузки сайта

Перед оптимизацией После оптимизации
Время загрузки 24.4 секунды 1.41 секунды
Количество запросов 94 запроса 76 запросов
Размер страницы 3.5 Мб 1.6 Мб

Скриншот замера скорости ПЕРЕД оптимизацией блога:

Скриншот замера скорости после оптимизации и проведенных ниже рекомендаций.
Ссылка на результат теста.

Короткое резюме по ускорению сайта на WordPress

Основное влияние на скорость оказали такие факторы как смена хостинга с использованием SSD дисков, оптимизация изображений, включение плагина кеширования W3 Total Cache, оптимизация БД сайта, удаление старых ревизий, включение сжатия файлов на стороне сервера, включение кеша для статичных файлов на стороне браузера. Далее следует полная развернутая инструкция по ускорению сайта на WordPress.

Полная инструкция как ускорить сайт на WordPress

1. Качественный SSD хостинг, быстрый пинг

Хостинг должен быть на SSD дисках. Желательно чтобы сервера хостинга располагались в вашей географической зоне, на которую ориентирован сайт. Если хостинг будет на SSD, но в США, а ваш блог ориентирован на Россию и страны СНГ, то толку от такого SSD будет мало. Так как будет идти долгий пинг для связи с сервером. Поэтому месторасположение дата центра хостинга также важно. Это важный параметр хостинга — быстрый пинг, отклик серверов. И чтобы хостер не делал оверселлинг услуг. Про тип хостинга — конечно лучше брать как VDS (виртуальный выделенный сервер) с необходимыми для вашего сайта параметрами, вместо обычного shared хостинга. Какую именно конфигурацию VDS выбрать — это зависит от нагрузки которую ваш сайт создает не сервер и от размера его суточной аудитории. Я бы советовал брать минимум 1Gb Ram, 1 ядро процессора и 10 Гб SSD. В начале у меня был VDS на обычных HDD дисках, затем я поменял его на SSD VDS хостинг.

Хостинг «До»:

VPS хостинг FreeHost.com.ua
Размер диска: 30 Gb HDD
Память: 2 Gb RAM
Частота CPU: 2,2 Ghz
Количество CPU: 1
Расположение серверов: Киев, Украина
Стоимость: 12,8 $/месяц

Хостинг «После»:

VDS хостинг от ihor.ru
Размер диска: 20 Gb HDD
Память: 1 Gb RAM
Частота CPU: 2,4 Ghz
Количество CPU: 1
Расположение серверов: Москва, Россия
Стоимость: 250 руб/месяц (примерно 5$/месяц)

По скриншотам теста скорости загрузки сайта, видно что на старом хостинге время ответа сайта достигало 12,3 секунды. Что непомерно много. На новом хостинге от ihor.ru время ответа сайта составляло 1,2 секунды, что в разы быстрее, по сравнению со старым хостингом. На этот показатель повлияли SSD диски, и более лучший дата центр с лучшим и более быстрым каналом.

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

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

Проверьте используете ли вы оптимизированные jpg файлы изображений. Которые занимают небольшой размер и при этом обладают хорошим качеством. В Photoshop сохранять такие изображения можно командой Save for Web (Ctrl + Shift + Alt + S), или через функцию export assets если вы используете Photoshop CC. Не стоит сохранят большие непрозрачные картинки в .png формате, он занимает слишком много места, и для этого лучше использовать jpeg формат. Формат png подходит для небольшой графики которая используется в оформлении сайта, в шаблоне, это могут быть изображения кнопок, буллеты, изображения с прозрачным фоном.

Некоторые миниатюры к записям у меня были сохранены в .png формате, и размер изображения достигал 300 Кб. Пересохранив изображения в jpg формат, каждая миниатюра стала занимать 60-90 Кб в среднем. Таким образом вес некоторых изображений уменьшился в 3-4 раза, без потери качества.

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

3. Настройка wp-config.php для ускорения работы сайта на wordpress

Небольшой способ снизить загрузку на хостинг — отредактировать файл wp-config.php, который находится в коревой директории вашего сайта.

Находим в файле wp-config.php строку:

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

4. Настройка Robots.txt — запрет на индексацию ненужным сайтам.

Файл robots.txt регулирует доступ различных поисковых роботов к страницам сайта. Предлагаю добавить следующие строки в файл, сразу же перед директивой Host. Сделаем мы это для того чтобы запретить на сайт вход различным поисковым роботам, грабберам и парсерам, которые могут воровать контент и создавать ненужную нагрузку на хостинг.

Например, помимо роботов от Yandex и Google на сайт также заходит поисковый робот от поисковика Yahoo. Таким кодом можно запретить Yahoo роботу просматривать сайт:

Я прописал следующие запрещающие директивы:

Вот пример моего файла robots.txt

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

5. Настройка файла .htaccess для снижения нагрузки на сервер.

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

Настройка №1. Часто с сайтов копируют информацию вместе с картинками, не изменяя адреса картинок. И когда такое происходит картинки лежащие на нашем хостинге загружаются на других сайтах, и это создает ненужную нагрузку на хостинг.

Следующим кодом можно запретить загружать изображения нашего сайта на сторонних сайтах:

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

Настройка №2. В файле .htaccess можно и следует указать кэширование для некоторых объектов сайта (изображений, css и js фалов) чтобы браузер кешировал их на своей стороне и не загружал их каждый раз. Для этого в .htaccess ниже первого кода добавляем следующий код:

Настройка №3. Включим gzip сжатие страниц перед отправкой их пользователю. Вставим в .htaccess следующий код:

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

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

ВНИМАНИЕ. Не забудьте в примерах выше заменить адрес yourdomain.ru на адрес своего сайта.

6. Оптимизация базы данных

Важное значение в скорости работы сайта имеет База Данных. При сохранении постов по нескольку раз WordPress создает ревизии записи — состояния постов в разные моменты их редактирования. В результате со временем база данных содержит большое количество ненужных ревизий постов, и их необходимо очищать и оптимизировать. Сделать это можно с помощью плагина Optimize DB. Установить его можно из админки WordPress. Например запустив его на своем сайте я удалили более 1200 ревизий постов. Что значительно улучшило скорость работы БД.

7. Оптимизация кода шаблона (темы)

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

Настройка №1. Найти код, который отвечает за стили в файле header.php:

Внимание. Не забудьте изменить yoursite.ru на ссылку своего сайта.

Настройка №2. Изменить код пинбеков:

Заменить с исправлением yoursite.ru на свою ссылку:

Настройка №3. Изменение кода RSS ленты:

Заменить с исправлением yoursite.ru на свою ссылку:

Настройка №4. Довольно часто в подвале сайта (footer.php), разработчики тем оставляют совершенно ненужные запросы к Базе данных. Например:

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

Некоторые маленькие советы, которые позволят ускорить загрузку сайта:

1) Если ваш сайт не использует комментарии, не стоит их скрывать с помощью плагинов, это создает совершенно ненужную нагрузку. Так как вам комментарии совершенно не нужны, просто удалите следующий код из файла темы (single.php):

2) Старайтесь не использовать внешние скрипты, такие как, комментарии от Вконтакте, различные виджеты социальных сетей. Да, это выглядит красиво и эффектно, но создает приличную нагрузку на сайт. Из примеров могу сказать что мой сайт значительно грузил код веб-визора от ЯндексМетрики, виджет Add.This. Кнопки соц сетей я поменял на отельный JS плагин.

3) Почистите весь код вашего сайта от комментариев, данные комментарии вставляются с помощью тегов и /*код/. Оставьте только нужное, так как сайту приходится тратить лишние силы на их загрузку…

4) Старайтесь размещать все скрипты в конце страницы перед закрвающим тегом

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