Блог

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

Для этого перейдите в раздел “плагины” и нажмите “добавить новый”. В поле поиска введите название плагина и выберите его из списка. Нажмите “установить” и “активировать”.

Далее перейдите в раздел “WP-Optimize” с левой стороны. Затем перейдите в раздел «настройки» и здесь мы сделаем запланированную чистку каждую неделю.

Поставьте галочку на “enable….”. Затем выберите опцию “weekly”, то есть каждую неделю. И оставьте галочки, как есть. 

Также вы можете поставить “оптимизировать таблицы базы данных” либо делать это вручную.

Сейчас я покажу, как это делать. Далее спускаемся вниз и нажимаем на кнопку “save settings”.

Также вы можете чистить вручную базу данных. Перейдите в раздел “Database”.

Здесь вы можете активировать опции, которые вы хотите: 

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

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

Если вы их удалите, то вы уже не узнаете, что это за комментарии. Остальные опции тоже можно оставить как есть. Поднимаемся наверх и нажимаем на кнопку “Run all selected  optimizations”.

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

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

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

Я его удалила и сейчас, в принципе, не нужен. Так здесь и отмечено, что “not installed”, то есть этот плагин не установлен. Я могу эту таблицу удалить.

Наэтом настройка завершена. Переходите к следующему уроку: Как настроить плагин Limit Login Attempts Reloaded для защиты от взлома .

На этом уроке мы загрузим плагин, который будет защищать админку от взлома, то есть вход в админку. И так перейдите в раздел плагины и выбрать “добавить новый”. Далее в поле поиска впишите “Limit Login Attempts Reloaded”. 

Программа сама найдет нужный плагин. Он будет первый в списке. Нажмите на кнопку “установить” и “активировать”.

Затем перейдите в раздел настройки и в плагин.

Здесь все настройки можно оставить как есть либо поменяйте на свои.По желанию первая опция “изоляция”:  разрешено дополнительных попыток здесь по умолчанию стоит 4. 

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

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

Сообщать об изоляции. Здесь стоит галочка на “лог изоляции”. 

То есть будет вестись журнал изоляции. Если вы хотите получать сообщение об изоляция, поставьте здесь галочку. Также укажите тот e-mail, на который будет приходить информация о том, что такой-то ip был столько-то раз изолирован: первый раз на 20 минут, второй раз на 24 часа и так далее. 

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

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

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

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

 И так переходим раздел “плагины” нажимаем на кнопку “добавить новый” и в поле поиска пишем название плагина “Smush”.  Данный плагин называется “Smush-сжатие и оптимизация изображений”.

Нажимаем “установить” и “активировать”.

Далее переходим с левой стороны в раздел “Smush” и нажимаем на кнопку “начать настройку”. 

Все настройки оставляем без изменения, нажимая “далее” и в конце нажимаем “завершить настройку”. 

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

Вы можете оптимизировать старые изображения, которые уже есть на вашем сайте. Для этого просто нажмите на ссылку “оптимизировать все изображения”. 

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

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

И еще одна хорошая настройка это — Lazy Load. Перейдите в раздел настройки плагина и активируйте опцию.

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

Оставьте здесь все настройки как есть, спуститесь вниз и нажмите на кнопку “сохранить изменения”.

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

Следующий урок: Настройка плагина Yoast SEO

Я покажу как оптимизировать wordpress сайт при помощи плагина Yoast SEO.

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

Затем в поисковой форме написать название нашего плагина и нажать на кнопку “установить”.

После этого активируем плагин и нажав на соответствующую кнопку происходит активация плагина.

и здесь в меню у нас появляется новая вкладка, называется “сео”.

Нам нужно перейти в раздел “общие” и нажать на кнопку “open the configuration wizard”.

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

На первом этапе нам предлагают подписаться на e-mail рассылку разработчиков.

Можете указать свою почту, если хотите. А я нажму пока кнопку “далее”. 

На втором шаге необходимо указать тип вашего сайта:

• Продакшен, это если у вас живой с настоящим трафиком. 
• Стоит выбрать второй пункт, если у вас сайт для тестов. 
• Девелопмент, если у вас сайт находится на локальном сервере.

  

Ну жмем на «продакшен» и идем далее 

На третьем этапе необходимо указать тип вашего сайта:

• блог,
• интернет-магазин,
• новостной сайт, 
• сайт малого бизнеса,
• корпоративный сайт или
• персональный сайт.

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

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

Здесь есть facebook, twitter, instagram и т.д. Вконтакте нету. Так, жмем “далее”.

Следующим шагом необходимо указать какие страницы вы будете открывать и закрывать от индексации. 

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

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

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

Дальше нам предлагают синхронизировать плагин yoast seo с нашим аккаунтом google search консоль.

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

Следующим шагом необходимо указать название сайта.

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

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

И на последнем шаге нас поздравляют с успешной настройкой данного плагина. Жмем кнопочку “закрыть”.

 И переходим в админ панель во вкладку “seo”.

 Сейчас это была базовая настройка в разделе консоли. Мы видим некоторые сообщения. Это то,  что сейчас данный сайт закрыт от индексации.

 Но в принципе это нормально, потому что но мне находится на локальном сервере. Также мне предлагают подключиться google search консоль и так далее. В принципе, это все неважно.

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

Переходим во вкладку “фьючерс”. Здесь нам необходимо включить вот эти пункты.

Тут по умолчанию должно быть отключено

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

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

Во вкладке “инструменты вебмастера” мы можем подключить гугл серч консоль,яндекс вебмастер и bing.

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

Следующим шагом переходим в раздел “заголовки и метаданные”.

 Здесь мы опять же можем указать разделитель, но это все мы уже проходили. Можем включить раздел with ability в наших настройка веб-страницы. В принципе пусть стоит включена.

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

Здесь во вкладке “домашние страницы” мы можем изменить тайтл нашей домашней странице. Вот эти параметры можно сказать значки процента и слово означает название сайта.

 “page” означает страницу.

“sep” это разделитель. В принципе, здесь по умолчанию все настройки стандартные.

Так, переходим во вкладку “другое”. Настройки делайте, как на изображении.

 

Так дальше переходим в раздел “социальные сети”.

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

В разделе facebook мы можем добавить метаданные “open graph”. Здесь можно указать url изображения по умолчанию, название вашего сайта, описание.

После того, как введете тайтл description вашего сайта, нажмите на кнопку “сохранить изменения”. 

Дальше в твиттере мы можем указать “краткое содержание” или “краткое с большой картинкой”. Если во всех ваших записях на всех ваших веб-страницах есть большое изображение, то можно, в принципе указать “краткое содержание с большой картинкой”. Метаданные twitter должны быть включены. 

Пинтерест никогда не настраивала, потому что это не такая популярная социальная сеть.

 У нас google плюс. Здесь можно указать свой профиль. 

В xml-карте сайта нам можно, в принципе, ничего не менять.

 А здесь итак хорошо работает. 

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

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

 Мы создаем ту или иную страницу. У нас есть контент. Давайте спустимся ниже. В самом низу под редактором у нас есть настройки. Желательно указать тайтл размером от 50 до 60 символов. 

Можно изменять содержимое description, но все полоски должны быть зелеными. Закрываем редактор сниппета. 

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

Анализ как говорит о том, что данное ключевое слово отсутствует в заголовке и это действительно так. Но ведь фишка в том, что в заголовке есть вот слово“по настройке” а тут стоит в фокусе “настройка”.

Таким образом, данный плагин не распознаёт склонение по падежам и это минус. Поэтому имейте это ввиду. Он может некорректно давать вам подсказки.

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

Если изображение страницы в атрибуте alt не имеют ключевого запроса, то желательно включить.

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

Вы можете просто забить ключевики по очереди и смотреть анализ, например, если у вас 20 запросов для статьи. Это очень удобно. В разделе “Readability” и у вас появятся подсказки по верстке вашей статьи:

• желательно не менее 300 слов статья.

• все параграфы не слишком большие.

Красные точки означают, что есть ошибки фатальные. Желтое, что они более менее опасные. Зеленый, что все “окей”.

 Если мы перейдем в раздел “repost”.

 Мы можем настроить данную запись отображение фейсбуке и в твиттере. Нажав на “шестеренку” мы можем настроить индексацию.

 Нажав, например, на “robots” мы можем оставить либо закрыть от индексации.

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

А если мы перейдем во вкладку “все записи”,

то увидим, что у нас каждая запись характеризуются вот этими точками в виде светофора.

По параметрам “сео” у нас стоит оранжевая, то есть можно еще поработать, улучшить статью. Зеленая точка по верстке и по удобочитаемости говорит о том, что все “окей”. 

Вот и на этом мы заканчиваем данный урок. Это была настройка или точнее сказать оптимизация wordpress сайта при помощи плагина “yoast seo”. 

Следующий урок: Защита уникального контента от копирования

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

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

Почему важно иметь мобильную версию сайта?

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

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

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

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

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

Чтобы избежать этих проблем нам нужно всего лишь установить два плагина: WPSmart Mobile и Make Tables Responsive (Адаптивные таблицы WordPress).  

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

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

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

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

Нам нужно, первым делом, зайти в административную панель нашего сайта. Затем нажать на плагин, “добавить новый” В поле поиска плагинов вставить “Jet Pack”, установить и активировать плагин, если он у вас еще не установлен и не активирован.

Затем вам нужно перейти в его настройки нажать “настройки” и включить здесь “мобильную тему” .

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

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

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

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

 Что нам нужно сделать дальше? 

Нам нужно обратно зайти в плагины и “добавить новый”.  В поле поиска вставить название плагина “Make Tables Responsive” установить и активировать. 

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

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

Следующий урок: SSL-сертификат установить БЕСПЛАТНО (для WordPress)

Хочу вам рассказать, как легко можно перевести ваш сайт на поддержку сертификата безопасности . Есть такой бесплатный ssl-сертификат и называется Let s Encrypt. Его сейчас предоставляет большинство адекватных хостинг-провайдеров. Я сейчас покажу вам, как вы можете подключить сертификат легко с помощью одного простого плагина.

Смотрите, значит,  есть у нас вот некий сайт. Это сайт, обратите внимание, сайт на домене третьего уровня astra про.

Вот этот “летс скрипт” хотя и бесплатный, но он позволяет вам защитить все ваши поддомены. Это очень круто! То есть вы можете бесконечное количество, около 40 поддоменов, защитить бесплатным  сертификатом. Сейчас, обратите внимание, “подключение к сайту не защищено”.

Пишет мой браузер google chrome, что подключение ненадежно. 

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

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

Что нужно сделать чтобы подключить сертификат?  Управление подключением сертификатов одинаковое на всех хостингах, во всех панелях управления.

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

Вот так настройка происходит. Переходите на сайт, переходите в консоль. Идете в раздел плагины и пишите “добавить новый”. И здесь в поиске вы пишете так “Really simple ssl”.

Вот так выглядит сам плагин.

Все! Нажимаете “установить” Кстати, более 3 миллионов активных установок внушают доверия. И совместим с вашей версией wordpress. Нажимаем “активировать”

Все готово для перехода ssl .

Здесь можете прочитать. Я нажимаю просто вперед “активируйте ssl”. Теперь сертификат активирован, но, обратите внимание, что если у вас уже настроенный google analytics и Webmaster tools, то вам нужно поменять настройки с учетом установленного сертификата. 

Все! Теперь я перехожу на сайт. Вот этот сертификат появился. Безопасное подключение.

 Все делается очень просто, очень легко и очень быстро.  

Переходите к следующему уроку: Google AdSense