Архив метки: Плагины

Как сделать отложенную загрузку (Lazy) на сайте в WordPress?

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

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

Что такое отложенная (lazy) загрузка?

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

Влияние отложенной загрузки на SEO

Не отображается в кэше Google,

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

Ленивые загруженные объекты будут убраны прочь

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

Теряет ли оптимизация сайта из-за отложенной загрузки?

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

Как отложенная загрузка может помочь?

Отложенная загрузка мешает вам, раздражает ощущение «ожидания»

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

Веб-страница загружает гораздо быстрее.

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

Как вы можете использовать отложенную загрузку в WordPress?

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

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

Более быстрый доступ к содержимому на WordPress

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

Смотрите только содержание, что касается вас

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

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

Лучшие плагины для отложенной загрузки

1. Image Lazy Load

Плагин Image Lazy Load в WordPress

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

2.BJ Lazy Load

Плагин BJ Lazy Load

Этот ленивый плагин загрузки позволяет пользователям выбрать в постах изображения и эскизы, Gravatar, фреймы и заменяет содержимое с заполнителем. При выборе конкретного заполнителя вы можете пропустить изображения с разными классами. BJ Lazy Load также обслуживает различные размеры оптимизированных изображений и автоматически служит HiDPI изображениям для различных экранов HiDPI, как у сетчатке отображения Apple.

3. Jquery image lazy load

Jquery image lazy load

Jquery image lazy load добавляет Jquery отложенной загрузки различных изображений. Лучшая часть об этом плагине является то, что она очень проста в использовании. Все, что вам нужно сделать, это просто установить его и активировать. Изображения на сайте, которые вы посещаете будет автоматически загружаться, как вы прокрутите вниз до нижней части страницы. Вам не нужно ждать, чтобы изображения загружались в течение длительного времени. Как и при открытии веб-страницы и прокрутите до конца страницы, изображения уже загружены!

4. Rocket lazy load

Rocket lazy load

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

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

Как сделать сделать анимацию при загрузки сайта на WordPress?



2016-10-01T12:43:50
Плагины

Как реализовать Google AMP в WordPress?

Поисковый гигант Google всегда настаивает на пользовательском опыте (UX). На самом деле, он включил скорость сайта в качестве одного из сигналов алгоритма поисковой системы в 2010 году Совсем недавно, компания Google уже развернула свое предпочтение мобильным дружелюбием, чтобы поощрять веб — сайты, которые соответствуют мобильным экранам.

Если вы до сих пор трогает попытки Google, чтобы сделать вещи намного проще для интернет-пользователей и владельцев сайтов, чтобы сделать сайты быстрой загрузки и выглядеть потрясающе на мобильных устройствах, вот что-то серьезно рассмотреть вопрос о: Google недавно объявил, что AMP списки вливаются в результаты поиска для мобильных устройств.

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

Что такое Google AMP?

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

Кодирование AMP состоит из трех основных частей: HTML, скрипты и функции кэша.

  • AMP HTML похож на обычное кодирование HTML, но с дополнительными свойствами AMP. Например, HTML — теги по- прежнему существуют, но может быть увеличены с помощью АМР-специфических тегов.
  • AMP JS представляет собой библиотеку скриптов, которая обеспечивает сок. Для реализации скорости и производительности, AMP JS делает рендеринг страницы быстрее за счет загрузки ресурсов надлежащим образом, с помощью асинхронных внешних ресурсов, а также вычисления макетов элементов перед загрузкой каждого ресурса.
  • Google AMP Cache стало возможным через сеть доставки контента (CDN) для доставки документов AMP. Это само по себе уже делает скорость загрузки страницы быстрее, запрашивая AMP HTML файлы и кэш — память каждого из них.

Как реализовать Google AMP в WordPress?

Преимущества Google AMP

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

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

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

Google AMP в результатах поиска

Что заставляет пользователей Google AMP быть настолько уверенными, является тот факт, что веб — сайты, созданные с использованием кодирования AMP будут иметь хорошие результаты в поиске Google. Несмотря на то, есть необходимость подтвердить, насколько широко развертывание этого проекта, некоторые эксперты SEO смогли увидеть результаты AMP в действии .

Веб-сайты, созданные с помощью AMP будет видно в результатах поиска Google с специальной этикеткой AMP со значком молнии. Google приступил к реализации приоритизации страниц AMP в результатах поиска 24 февраля 2016 года.

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

Использование Google AMP в WordPress

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

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

С точки зрения исходного кода, плагин AMP WordPress добавляет мета-тег в коде заголовка ваших WordPress файлов, так что Google может читать версии AMP ваших страниц сайта.

Вот шаги по использованию плагина AMP для вашего WordPress сайта или смотрите наш гид, шаг за шагом как установить плагин в WordPress::

  1. В панели управления администратора, перейдите к Плагины> Добавить новый.
  2. В поле поиска, ищите плагин AMP.
  3. Нажмите кнопку «Установить сейчас», а затем «Активировать» плагин.

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

К сожалению, плагин AMP использует метаданные, которые не могут быть оптимальными с точки зрения поисковой оптимизации (SEO). Это особенно верно, если вы используете Yoast SEO в вашем WordPress сайте. Если вы обеспокоены этим, то вы можете обнаружить некоторое добавление в плагине Glue for Yoast SEO and AMP.

Этот плагин предназначен для подключения плагинов Yoast SEO и AMP, чтобы преследовать две цели:

  • Для того, чтобы изменить дизайн страницы для AMP
  • Для того, чтобы использовать соответствующие метаданные для лучшего SEO

Вот шаги, как использовать плагин Glue for Yoast SEO and AMP или смотрите наш гид, шаг за шагом как установить плагин в WordPress:

  1. Так же, как установка нового плагина, перейдите в Плагины> Добавить новый.
  2. Используйте форму поиска, чтобы найти «Glue for Yoast SEO and AMP».
  3. Нажмите кнопку «Установить сейчас», а затем активировать плагин.
  4. После активации, перейдите к SEO> Настройки> AMP Design. Отсюда вы можете изменить стиль или дизайн ваших страниц AMP.
  5. Вы можете также добавить коды отслеживания, перейдя в SEO> Настройки AMP> Google Analytics.

Вывод

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

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



2016-09-30T14:33:03
Плагины

Как добавить кнопку в WordPress без использования шорткодов

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

Первое, что вам нужно сделать, это установить и активировать плагин Forget About Shortcode Buttons.

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

После того, как вы активировали плагин, просто создайте новый пост или отредактируйте существующий, и вы увидите новую кнопку в визуальном редакторе: Insert Button .

Вставить кнопку Buttons в визуальном редакторе

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

Дизайн вашей кнопки

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

Если щелкнуть на вкладке Значки, то вы сможете увидеть значки , которые можно добавить до или после текста в ваших кнопках. Эти иконки на самом деле значки шрифтов (узнать, как использовать значки шрифтов в WordPress редакторе постов).

Добавить иконки для кнопок

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

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



2016-09-27T20:13:13
Плагины

Как разрешить PHP в постах и страниц WordPress

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

Просто установите и активируйте плагин Allow PHP in Posts and Pages. После установки, просто обернуть PHP запрос внутри шорткодом:

[PHP] [/ PHP] — Пожалуйста, игнорировать пробелы. Мы не можем использовать эту шорткод, потому что он будет тянуть наш плагин Syntax Highlighter.

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

Как разрешить PHP в постах и страниц WordPress

Тогда в вашем посте, просто используйте шорткод с ID Snippet:

[ php function=ID]



2016-09-27T04:03:53
Плагины

Как изменить адрес входа в WordPress для дополнительной безопасности

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

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

Здесь мы расскажем о плагине » WPS Hide Login«, чтобы помочь нам повысить безопасность, изменив наш URL входа на сайт WordPress. Плагин очень легкий и не потребует от вас изменения файла .htaccess. Плагин просто работает путем перехвата запросов страниц, а затем переписывать их.

Но во- первых, давайте разберемся: Почему мы должны изменить адрес входа в WordPress?

Преимущества изменение URL входа в WordPress

Преимущества изменение URL входа в WordPress

Защита от атак Brute Force

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

В большинстве случаев, если хакер планирует взломать вас с грубой силой, то он / она должен взломать ваш логин, пароль и ваш логин URL.

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

Взлом вашего URL не будет труден, если вы используете по умолчанию wp-admin или wp-login. Но если вы добавите уровень изменчивости на ваш URL логина, то даже если вы восприимчивы к взлому теоретически, взломщикам работать станет значительно сложнее.

Скрытие уязвимости в WordPress

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

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

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

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

Ребрендинг экрана входа

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

Если вы не изменили свой адрес логина, то ваши члены и посетители во время входа в систему, могут заметить wp-admin или wp-login в адресе логина страницы и будут знать, что ваш сайт работает на WordPress.

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

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

Как изменить адрес страницы входа для дополнительной безопасности

Как изменить адрес страницы входа для дополнительной безопасности

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

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

ШАГ 1

Перейти к панели управления WordPress и нажмите на кнопку «Плагины» и после этого нажмите на кнопку «Добавить новый» в раскрывающемся меню.

ШАГ 2

Теперь найдите «WPS Hide Login», а затем установите этот плагин. После установки, вы должны сделать очевидное и нажмите на кнопку «Активировать плагин».

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

WPS Hide Login

ШАГ 3

После этого вы зайдите на страницу » Настройки -> Общие«. Новое поле должно быть доступно теперь в самом низу страницы — «Login URL».

Здесь вы можете вставить фразу, которая будет заменять URL по умолчанию / wp-admin /. Попробуйте написать что-то, что затруднит  вход для других, но легко будет для вас, чтобы помнить.

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

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

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

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

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

  • Custom Login URL
  • Rename wp-login.php

Вывод:

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

Защита WordPress для дополнительной безопасности



2016-09-23T19:28:57
Плагины

Как открыть внешние ссылки в новом окне в WordPress

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

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

Все, что вам нужно сделать, это пойти и скачать плагин. Там нет ни каких настроек, поэтому вам не придется беспокоиться о настройке что-нибудь в панели администратора. После того, как вы активировали его каждая ссылка будет открыться в новом окне с помощью функцией window.open в JavaScript (). Мало того, что это является SEO дружественным, но код также имеет строгое соответствие XHTML. Лучшая часть этого плагина заключается в том, что, когда Javascript отключен, браузер не возвращает никаких ошибок, но просто остается неактивным.



2016-09-23T10:51:29
Плагины