Обширная инструкция по внутренней оптимизации сайтов под буржунет

Обширная инструкция по внутренней оптимизации сайтов под буржунет

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

Брайан Дин —  предприниматель и SEO-эксперт, специализирующийся на стратегиях по увеличению трафика поисковых систем. Является основателем компании услуг интернет-маркетинга, а также ведёт один из самых популярных на Западе блогов Backlinko, где даёт действенные советы по оптимизации.

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

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

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

Пояснения к инфографике о внутренней оптимизации:

1. Используйте ЧПУ

Google утверждает, что первые 3-5 слов URL-адреса имеют больший вес, чем последующие. Поэтому старайтесь делать URL-адреса короткими и содержательными, и не забывайте включать в них целевые ключевые слова.

Другими словами:

Избегайте некрасивых: backlinko.com/p=123
и длинных URL: backlinko.com/8/6/16/cat=SEO/on-page-seo-is-so-amazing-omg-its-the-best

2. В начало тега <Title> помещайте целевое ключевое слово

Тег <Title> — самый важный фактор внутренней оптимизации.

Вообще, чем ближе ключевое слово к началу <Title>, тем больший вес оно имеет для поисковой системы.

Брайан
утверждает:

«Это не значит, что <Title> должен всегда начинаться с ключевого слова, но старайтесь поместить его как можно ближе к началу.»

 

3. Используйте уточнения в <Title>

Использование уточняющих слова и фраз, таких как: «лучший», «руководство», «обзор», «2016» поможет улучшить ранжирование по long-tail запросам.

4. Добавляйте заголовок в тег <H1>

Тег <H1> — это тег заголовка. Большинство CMS (такие, как WordPress) автоматически добавляют <H1> в заголовок постов. Хотя встречаются темы, в которых эта функция не работает. Поэтому проверяйте код на наличие <H1>.

Брайан
утверждает:

«Я полагал, что WordPress помещает заголовки в <H1>, пока как-то не заметил в коде следующее:

 

3

Некоторые темы WordPress могут использовать <H1> для увеличения текста. В примере — поле для ввода электронного адреса, помещённое в <H1>.

Поэтому лучше проверять код на наличие только одного тега <H1> на страницу. И этот <H1> должен содержать целевое ключевое слово.»

 

5. Украсьте страницу мультимедиа

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

Брайан
утверждает:

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

 

 

4

Также мультимедиа улучшает поведенческие факторы, на которые Google обращает внимание.

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

 

6. Помещайте подзаголовки в тег <H2>

Включите целевое ключевое слово по крайней мере в один подзаголовок, который, в свою очередь, следует поместить в <H2>

Брайан
утверждает:

«Это определённо не заменит и не сведёт на нет внутреннюю оптимизацию. Но мои тесты показывают, что наличие целевого ключевого слова в <H2> может оказывать небольшое положительное влияние.

Вот пример применения данной стратегии (ключевое слово «SEO strategy»)

5

7. Добавляйте ключевое слово в первые 100 слов

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

6

Брайан
утверждает:

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

 

8. Используйте адаптивный дизайн

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

Брайан
утверждает:

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

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

 

9. Используйте исходящие ссылки

Это простая белая SEO-стратегия для того, чтобы получить больше трафика.

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

Брайан
утверждает:

«Отсутствие исходящих ссылок — пожалуй, самая распространённая ошибка, что мне доводилось видеть. Я стараюсь использовать по 2-4 ссылки на каждые 1000 слов. Это хороший практический метод для большинства сайтов.

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

 

10. Внутренние ссылки

Добавляйте по 2-3 ссылки на каждый пост.

Брайан
утверждает:

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

 

7

Некоторые страницы могут содержать более 50 внутренних ссылок. Но это Википедия. А я предлагаю более простой (и безопасный) подход: ссылайтесь на 2-5 старых постов при публикации каждого нового.»

 

11. Повышайте скорость загрузки сайта

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

Убедитесь, что ваш сайт загружается не более чем 4 секунды: исследования MunchWeb показали, что 75% пользователей не посещали повторно страницы, время загрузки которых превышало 4 секунды.

Вы можете легко проверить скорость загрузки сайта с помощью GTMetrix.com:

8Брайан

утверждает:

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

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

Мне удалось сократить время загрузки страниц с 6 до менее чем 2 секунд благодаря переходу с 5-долларового на первоклассный хостинг (для своего сайта я использую SynthesisHosting).

С точки зрения конверсий и SEO, ROI (отдача от инвестиций) от премиум хостинга ничем не переплюнешь.» 

 

12. Используйте LSI-ключи

LSI-ключи — это синонимы, которые использует Google, чтобы определить релевантность (и, вероятно, качество) страницы. Добавляйте их в каждый пост.

Брайан
утверждает:

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

(Длинный контент увеличивает шансы, что вы используете LSI-ключи естественным образом).

Но если вы хотите убедиться в использовании LSI-ключей на 100%, вбейте в поиск Google свой ключ, пролистайте до

«Searches related» («Вместе с…часто ищут») внизу страницы и добавьте парочку из них на вашу страницу:

 

9а»

 

13. Оптимизируйте изображения

Убедитесь, что название изображения так же, как и атрибут ALT, содержит целевое ключевое слово (on_page_seo.png).

10Брайан

утверждает:

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

Когда Google видит на странице картинки с атрибутами Alt «голубые виджеты» и «зелёные виджеты», это говорит ему: «Эта страница о виджетах».»

 

14. Используйте кнопки социальных сетей

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

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

Исследования BrightEdge показывают, что легко заметные социальные кнопки могут увеличить социальный обмен на 700%.

Брайан
утверждает:

«Социальные сигналы не являются важной частью алгоритмов Google. Но социальный обмен на таких сайтах как Facebook, Twitter и Google+ может косвенно  улучшить ранжирование.»

 

 15. Постите длинные тексты

Известная SEO-поговорка гласит: «сила в длине». Исследования Backlinko показывают, что на первой странице Google более длинные тексты ранжируются существенно лучше.

11а

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

Брайан
утверждает:

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

Более длинный контент помогает вам лучше ранжироваться по ключам и приносит больше трафика по longtail (длинным низкочастотным) запросам.»

 

16. Увеличивайте время пребывания пользователей на сайте

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

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

Брайан
утверждает:

«Хотите быстро увеличить время пребывания? Используйте тактики из моего руководства по SEO-копирайтингу:

 

12

 

Ниже приведены ещё несколько важных факторов внутренней оптимизации, которые не поместились в инфографику:

 

Качество контента

Я знаю, что вам порядком надоело слушать о «качественном контенте».

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

  • повторные посетители;
  • закладки Chrome;
  • время пребывания на странице;
  • время пребывания на сайте;
  • Поиск вашего бренда в Google.

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

 

Поощряйте комментарии в блоге

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

Вот почему я не был удивлён, когда Google объявил, что наличие процветающего сообщества на вашем сайте может «существенно» помочь при ранжировании:

13

И вот почему стоит поощрять комментарии в вашем блоге.

 

Максимизация органического CTR

У меня нет ни малейшего сомнения, что Google использует органический показатель CTR (кликабельность) в качестве фактора ранжирования.

И даже если он этого не делает, вы все равно хотите повысить CTR.

(Больше кликов = больше трафика)
Подробнее: http://siteclinic.ru/blog/internal-optimization/vnutrennyaya-optimizaciya-dlya-burgunet/

 

Почему я удалил плагин advanced-spoiler

Почему я удалил плагин advanced-spoiler

PHP 7Удаление плагина под названием advanced-spoiler, способного скрывать часть текста под кат — это итог проведенной сегодня операции. Дело в ом, что с моего хостинга «Джино» пришло письмо, в котором администрация предложила воспользоваться обновлением PНP до последней версии — PHP7.

В сообщении утверждалось следующее:

Теперь всем пользователям сервиса хостинга на «Джино» доступно обновление до PHP 7. По сравнению с предыдущими версиями PHP 7 обеспечивает значительный прирост производительности. Например, WordPress работает с новой версией до двух-трех раз быстрее. Мы рекомендуем переход на PHP 7 всем пользователям (переключить версию можно в разделе «Настройки PHP» контрольной панели «Джино»), но после переключения необходимо убедиться в работоспособности всех сайтов и скриптов. В случае обнаружения проблем вы сможете вернуть предыдущую версию PHP.

Ну, если «обеспечивает значительный прирост производительности», почему бы не обновить?
Для справки: «PHP – это широко используемый язык сценариев общего назначения с открытым исходным кодом. Говоря проще, PHP это язык программирования, специально разработанный для написания web-приложений (сценариев), исполняющихся на Web-сервере. Аббревиатура PHP означает “Hypertext Preprocessor (Препроцессор Гипертекста)».

настройки вебсервера

Быстренько перебежал в настройки и с ужасом обнаружил, что мой PHP «застрял» еще на третьей версии! А были же четвертая, пятая и далее… Почему хостинг не предлагал обновить мою версию WordPress ранее — устория умалчивает.

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

проблемы при настройках PHP

Сайт «Записки блоггера» не открылся из-за плагина (читай скрипта). Называется  он «advanced-spoiler», принцип работы которого я однажды описывал (см. ссылку вначале поста).

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

Parse error: syntax error, unexpected ‘new’ (T_NEW) in /home/users2/m/mixajluta/domains/prt56.ru/wp-content/plugins/advanced-spoiler/advanced-spoiler.php on line 480

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

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

Настройки веб-сервера на хостинге находятся на странице вида  _https://ваш хостнг/management/webserver/php/.

Яндекс: фактор мобилопригодности уже учитывается

Яндекс: фактор мобилопригодности уже учитывается

Адаптивные изображения в WordPress 4.4Уже в конце ноября прошлого года в своем новой , бета- версии Вебмастера, появилась строка для проверки мобилопригодности сайтов и их страниц. Яндекс сеова пошел за инновациями Google и это не удивительно.

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

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

Название данный алгоритм получил не случайно —  такое «имя»  присвоили в честь российского Дальнего Востока. Согласно исследованиям, именно в этом регионе была зафиксирована наибольшая доля россиян — пользователей мобильным интернетом. Пока данный алгоритм действует только на территории РФ, но, как обещают функционеры от  этой популярной поисковой ситемы, через несколько месяцев «Владивосток» придет и  к остальным пользователям Яндекса: Украине, Беларуси, Казахстану и Турции.

Яндекс в своем блоге предупреждает, что оптимизация под мобильные устройства (мобилопригодность) — теперь является фактором ранжирования для любых пользователей — буть то дескопт или мобильное устройство. Впрочем, верить Googlt тоже нельза: наверняка его полное ранжирование уже зависит от фактора мобилопригодности для любых пользователей.

Проверить свои сайты на пригодгность под мобильные устройства можно на новом вебмастере beta.webmaster.yandex.ru в самой нижней строке.

проверка сайта на мобильность

 

При проверке пригодности для просмотра веб-страниц, Яндекс наиболшее внимание уделяет следующим параметрам:

  1. Наличию специальных  мета-тегов, чтобы указать область просмотра контента.
  2. Удобству просмотра страниц сайта с точки зрения вместимости всей веб-страницы на экране мобильного устройства  (очень нежелательным параметром окажется необходимость горизонтальной прокрутки).
  3. Присутствию на страницах сайтов элементов  flash, Java-апплетов и Silverlight-плагинов, так как они не поддерживаются  мобильными браузерами.
  4. Размеру текста (в пикселях). Текст не должен быть очень мелким.

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

Уменьшаем  количества обращений к серверу с помощью Heartbeat Control

Уменьшаем количества обращений к серверу с помощью Heartbeat Control

веб-ресурс много жрёт на сервере Создать данный пост меня заставила проблема, которая все настойчивее стала стучаться на мой сайт. Проблема — открытие страниц сайта и работа в админпанели.  Они  стали настолько сильны и часты, что стало затруднительным составить даже небобольшое сообщение. Соединение с сервером постоянно пропадало. Высокая нагрузка на CPU, а значит превышение так называемого мягкого лимита происходила постоянно; на почту очень часто стали проиходить сообщения от Метрики и плагина Jetpack, о том что сайт часто бывает недоступен, даже в тот момент, когда я в нем не работал. Короче — ужас ужасный снова настиг меня на проблеме скорости работы сайта. И я снова обратился в службу подержки на своем хостинге «Джино»

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

Поддержка хостинга прежде всего обратила мое  внимание на большое количество обращений к /wp-admin/admin-ajax.php.  «Обращения создают действия в административной панели сайта. Такое поведение в ней характерно, если какой-то из плагинов работает не корректно. Отключайте плагины сайта по очереди и следите за его работой. Обнаружив проблемный плагин, попробуйте его обновить или установить стабильную версию, или замените аналогом, с которым не возникает проблем».

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

Служба техподдержки так же обратила на еще одну проблему и предложила провести некоторые действия в коррекции кода в файле wp-cron.php. Но об этой проблеме в конце сообшения.

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

 Что такое Heartbeat API на  WordPress и как его ограничить

"Heartbeat" перводится как "Сердцебиение"

Слово «Heartbeat» переводится как «Сердцебиение» и назван он так для API не зря. Она обеспечивает определенную частоту запросов к серверу. По умолчанию и в зависимости от страницы админпанели, это происходит  с разными интервалами: при редактировании записей — каждые 15 сек, при работе в Консоли — одну минуту. WordPress Heartbeat API — это функция, которая обеспечивает:

  • Автосохранение при создании сообщений;
  • Блокировки записей или страниц для других редакторов сайта, пока запись или страницу редактирует один человек;
  • Обновление информации о том, что пользователь всё ещё находится в административной части (консоли или на странице редакции записей).

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

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

Полное отключение Heartbeat API

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

Как рекомендуют некоторые вебмастера, в самом начале этого файла, после тега <?php с новой строки нужно установить следующий код:

add_action('init', 'stop_heartbeat', 1);
function stop_heartbeat() {
 wp_deregister_script('heartbeat');
 }

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

Плагин Heartbeat Control и его настройки

Настроек всего и две и, несмотря на то, что плагин на английском, для незнающих этот язык, не трудно будет в них разобраться. Напомню, что настройка плагина по умолчанию (use default) означает, что Heartbeat API не отключен ни на одной из страниц, а интервал запросов к серверу — 15 сек. То есть все выглядет так, словно этого плагина на вашем сайте нет.

4. Использование настроек  для страниц админпанели

настройки для страниц Heartbeat ControlДля ясности делаю пояснения:

1.  use default — использовать Heartbeat API по умолчанию;
2. disable everywhere — отключить Heartbeat API  везде;
3. disable on dashboard page — отключить Heartbeat API  на приборной страницe (консоль);
4. allow onli от post edit pages — использовать Heartbeat API только при редактировании страниц.

2. Корретировка частоты запросов к серверу

Тут все очень просто. Нужно лишь выбрать подходящий интервал запросов к северу. Чем реже «пульс» — тем реже запросы — тем меньше нагрузка на сервер.

корректировка таймера запросовПосле совершения настроек сохраняем измения.

Поскольку автоматическое сохрание сохрание записей во время их редактирования остается желанной функцией (удалить лишние редакции можно потом чисткой специальными плагинами), а потерять почти завершенную запись по каким-либо техническим причинам неприятно (пропал интернет или связь с сервером и т. п.) очень нежелательно. Поэтому настройку для перврого блока вполе можно установить в режим  «use default» но вполне достаточно будет сделать настройки во втором блоке, так как установка таймера частоты запросов к файлу admin-ajax.php. в 60 сек. сократит расход ресурсов на данные запросы на целых 75%!

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

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

 Нежелательные процессы в файле wp-cron.php

Техподдержка в результате исследований работы моих сайтов, обратила внимание, что на них «наблюдаются процессы wp-cron.php».  Они рекомендовали: «Если выполнение этого файла вызывает нездоровую нагрузку на сервер — можно отключить эти задачи».

  1. Для этого в файл конфигурации WordPress wp-config.php добавляем строку:
    define(‘DISABLE_WP_CRON’, ‘true’);
    Добавить её можно где-то после установки языка, т.е. после строки
    define(‘WPLANG’, ‘ru_RU’);
  2. Другой вариант решения — в самом файле wp-cron.php закомментировать строку: wp-cron.php ignore_user_abort(true); Для этого перед ней нужно установить двойной слэш. Получится вот так: //ignore_user_abort(true); Находится данная строка в 12 ряду файла.

Это все, друзья.

WordPress 4.4. «Clifford» и ее отличительные особенности

WordPress 4.4. «Clifford» и ее отличительные особенности

Наверняка уже большинство вебмастеров, использующих для своих веб-проектов движок WordPress, ознакомилась с его новой версией — WordPress 4.4. «Clifford», названная, кстати, в честь джазового трубача Клиффорда Брауна. В последней версии, кроме ого, что в ней  добавлена новая тема дефолтная тема Twenty Sixteen, релиз включает в себя адаптивные изображения, встраиваемые WordPress-записи, первую часть REST API, а также некоторые другие небольшие улучшения. Я расскажу только о двух из них (наиболее важных) и только о тех, в которых более-менее разбираюсь.  Это — «Адаптивные изображения» и «Встраивание WordPress-записей». Информацию о новой теме и прочие новшества, если желаете изучить, легко найти на просторах интернета.

Адаптивные изображения или поддержка srcset и sizes в WordPress 4.4

Адаптивные изображения в WordPress 4.4

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

  • Full Size (полноразмерное) – 1500 x 706
  • Large (большой) – 500 x 235
  • Medium (средний) – 300 x 141
  • Thumbnail (миниатюра) – 150 x 150

Опытные вебмастера об этом, разумеется, знают. Но они ничего не могли сделать с тем, что пользователи мобильных приспособлений для просмотра контента не имели возможность автоматически редактировать (уменьшать) размеры картинок. Теперь в WordPress 4.4 добавлена поддержка srcset и sizes. Это позволяет системе автоматически использовать и выводить подходящее изображение, основываясь на размере экрана устройства. Если я прикреплю полноразмерное изображение 1500 x 706 к посту в WordPress 4.4, на мобильных устройствах это изображение будет выведено в среднем (medium) размере.

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

Расширенное встраивание WordPress-записей в контент страниц

Такой способ уже можно было применять ранее, но для этого вебмастера могли использовать контент из доверенных источников. Теперь, используемая версия 4.4  позволяет стать WordPress таким доверенным oEmbed-источником, т.е. любой пользователь может легко встроить контент с любых сайтов на WordPress. Для этого при создании записи достаточно лишь вставить ссылку (URL) в редактор записи. Ссылка превратится в блок вида  iframe со ссылкой на комментарии, иконкой шаринга, а также цитатой поста.

Вот как, например, выглядит ссылка с моего недавнего поста в моем же сайте на WordPress «Технологии инаука».

со ссылкой на комментарии, иконкой шаринга, а также цитатой поста.

При желании вы можете запретить другим людям встраивать ваш контент. Для этого достсточно устновить на вашем сайте плагин  Disable Embeds. Этот плагин позволяет:

  • Запретить встраивание вашего контента.
  • Запретить вам встраивать контент с сайтов, которые не входят в белый список.
  • Отключить все JS-скрипты, связанные с этой особенностью.

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

↓