Бетке Сергей: iT блог

Бетке Сергей: iT блог

Раз уже завёл блог – следует анализировать его результативность, только если Вы его не просто для себя завели или для узкого круга коллег. Известный инструмент для этих целей – Google Analytics. Но появился инструмент и от “отечественного производителя” – Яндекс-Метрики. Рассмотрим их применение в блоге WordPress.

Google Analytics

Применить Google Analytics в WordPress достаточно просто: используем плагин Google Analytics for WordPress. У меня на момент написания статьи функционирует версия 4.0.9. Предварительно заводим учётную запись на google, и активируем для себя сервис Google Analytics. После выполнения всех необходимых действий получаем код, который нам потребуется для плагина вида UA-XXXXXXXX-X.

После чего активируем плагин и настраиваем его. Как видно, нам предлагаю в первом же поле ввести UA код (код профиля службы Google Analytics). Я предпочитаю ввести его руками, что и сделал. Далее настройки самого плагина описывать не стану, потребуется – пишите в комментарии, опишу.

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

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

Яндекс-Метрики

Если с Google Analytics всё понятно, то что же такое Яндекс-Метрики? В общем и целом – аналог.

Регистрируемся в Яндекс-Метриках.  После чего приступаем к настройке кода счётчика. Лично я терпеть не могу всякие картинки с цифрами на сайте (тормоза да и только), посему выбираю счётчик без информера. Естественно – дело вкуса. Итак, нам предлагают вставить в тело (внутри тега body) код.

В содержании тега noscript и в конструкторе объекта Ya.Metrika мы видим одно и то же числе. Это и есть наш идентификатор профиля службы Яндекс-Метрики.

P.S. О размещении предлагаемого кода Вам следует подумать, потому как в случае отключенных скриптов у Вас появится картинка (смотрите содержание тега noscript), и появится она там, где Вы разместите код.

Идеальным способом размещения сценария на странице мне видится виджет либо плагин в терминологии WordPress. Он и картинку в нужное место поместит в случае отключенных сценариев, и в пределах тега body сценарий будет размещён.  Вот и воспользуемся пока виджетом “Текст”, предлагаемым нам WordPress. В дальнейшем либо найду уже готовый виджет или плагин, либо напишу его сам.

P.S. Виджет Текст не является оптимальным решением хотя бы потому, что даже при отсутствии визуально отображаемого содержимого (если поддержка скриптов включена) “пустой” виджет появится на Вашем сайте, что не есть хорошо. Поэтому всё-таки лучше применить специализированное решение.

Нашёл плагин Яндекс.Метрика. Он вполне меня устроил. Итак, активировал плагин. Не забываем в настройках метрики настроить фильтры, в частности – установить опцию “Не учитывать мои посещения”. После чего сохраняем настройки и наслаждаемся .

Я его только что установил, поэтому данных в отчётах пока нет (тем более, что мои собственные посещения фильтруются). Но уже видны положительные отличия:

• Яндекс-Метрики позволяют увидеть статистику за сегодня, в отличии от Google Analytics;
• наиболее серьёзное: Яндекс-Метрики обрабатывают свой счётчик асинхронно, без задержки загрузки страницы (если эту опцию Вы выбрали при генерации кода счётчика).

Доступные плагины для Яндекс.Метрики

Приведу плагины, которые нашёл:

По результатам более продолжительной эксплуатации допишу. Есть надежда, что откажусь от услуг Google Analytics в пользу Яндекс-Метрик.

Преимущества и недостатки турбо страниц

Теперь поговорим о преимуществах и недостатках нового типа страниц, а они конечно же есть. Начнем с преимуществ.

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

Теперь о недостатках, увы, они тоже присутствуют:

• Отсутствие формы обратной связи для заказа товара или услуги (не поддерживаются скрипты и еще много чего).
• Увеличение количества версий сайта, за которыми надо следить (давайте посчитаем: основная версия сайта, мобильная версия, турбо версия для Яндекса, AMP версия для Google). Круто, да? Четыре версии одного сайта, и у каждой свои настройки, баги и глюки.
• У всех сайтов одинаковый серый дизайн. Если раньше ваш сайт узнавали по дизайну, то теперь они «все одно лицо».

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

• Запросы к Яндекс.XML, через прокси, т.к. если у вас нет выделенного IP адреса, то он может быть уже занят;
• Загрузка КС из метрики или из файла, с возможностью задавать формат файла;
• Нужно разобраться с багом при проверке, на некоторых сайтах, пока работает проверка, админка подвисает;
• Возможность анализировать ТОП страниц, которые дали улучшение и ухудшение позиций, показ страниц, которые например вообще выпали из иднекса и т.д. и т.п.;
• Добавить счетчик посещений на каждую из страниц или подгрузить данные из метрики, затем необходимо подтягивать откуда то частотуку КС (либо дать возможность задавать в ручную), для анализа KPI-SEO. Ведь главная задача, понимать, сколько трафика должна приносить статья, сколько она принесла, сколько она может принести на той или иной позиции;
• Добавить возможность загружать информацию о доходах в разрезе каждой статьи из яндекс метрики (РСЯ) и адсенс;
• Включить возможность съема позиций в Google;
• Добавить локализацию на EN.

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

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

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

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

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

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

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

Ссылка на репозиторий GitHub (Если там чего-то не настроено, дайте знать, я не опытный пользователь гита)

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

Шаг 1. Подберите имя для вашего плагина

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

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

Называя плагин, убедитесь, что он уникален, конкретен и легко сокращается. #WordPress

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

Шаг 2. Создайте папку с плагином и PHP файл

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

Для начала перейдите в папку wp-content/plugins в каталоге где установлен WordPress. Создайте новую папку и назовите ее, используя имя плагина, используя дефисы для разделения слов. Например, my-super-plugin .

Структура папок – Как создать плагин для WordPress

После того, как вы создали папку с плагинами, следующим шагом будет создание внутри нее файла PHP.

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

Шаг 3. Создайте заголовок файла

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

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

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

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

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

Как создать плагин для WordPress – Активация плагина

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

Шаг 4: Добавьте функционал созданному плагину

Большинство плагинов работают с помощью хуков (hook), которые позволяют одному фрагменту кода взаимодействовать с другим. В WordPress есть два типа хуков: действия (actions) и фильтры (filters). Мы обсудим их более подробно в рамках отдельной статьи, пока лишь основы…

Actions (действия)

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

Пример действия в WordPress – save_post . Действия определяются функцией do_action . Для них требуется параметр $tag (имя действия) и в некоторых случаях $args (дополнительные аргументы, расширяющие то, что делает действие).

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

Подробнее про экшен-хуки читайте тут.

Filters (фильтры)

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

Фильтры в WordPress создаются с помощью функции apply_filters и определяются внутри функции. Для них требуются аргументы $tag (имя фильтра) и $value (отфильтрованное значение или переменная) с возможностью использования $var для дополнительных значений функции.

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

Подробнее про фильтр-хуки читайте тут.

Кому нужен сервис «Оригинальные тексты» Яндекса?

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

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

Как сделать лендинг в Элементор: пошаговая инструкция

Шаг 1. Создание новой страницы или записи

Для того, чтобы создать страницу на панели инструментов, переходим во вкладку «Страницы» > «Добавить новую«. Перед вами откроется редактор блоков Гутенберг. Определяемся с названием страницы лендинга и нажимаем «Опубликовать» > «Опубликовать» > «Редактировать в Elementor«:

Шаг 2. Начало работы в редакторе

На созданной новой странице нужно перейти в холст для этого в левом нижнем углу, нажимаем на «Шестеренку» > в «Макет страницы» выбираем «Холст Elementor«:

Шаг 4. Создаем блок с изображением

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

Далее нужно выставить настройки для картинки. Переходим в «Макет» нажимаем на выпадающее меню в «Высота» > «По размеру экрана«, возвращаемся в «Стиль» и в выпадающих меню (вы выбираете настройки, которые нужны вам):

• «Позиция» выбираем «Центр Центр«
• «Привязка» выбираем «Закрепить«
• «Повтор» выбираем «Не повторять«
• «Размер» выбираем «Перекрыть«

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

Шаг 5. Создание текста на изображении

Нажимаем на «квадратик в виде 9 точек» в левом верхнем углу, далее зажимаем элемент «Заголовок» и перетаскиваем его на изображение в «+«:

В поле «Введите текст заголовка» пишем свой текст. После чего где «Размер» выбираем нужный (у меня «Огромный«) и в «Выравнивание» выравниваем. Далее идем в «Стиль» и там выбираем цвет текста, и в «Типографика» (размер, интервал и т.д.):

Выводы и итоги

Основные преимущества турбостраниц Яндекса очевидны:

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

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

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

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