JournalX – подробный обзор журнальной темы WordPress с подгрузкой постов

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

Чем отличается шаблон Journal X

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

Нестандартная сетка постов на главной.
Сетка карточек.
  • Полностью переработанный дизайн вывода сетки карточек на главной странице, нестандартная сетка (см. снимок выше).
  • Бесконечный скролл записей.
  • Верстка записей без сайдбара почти во всю ширину сайта.
  • Выноски, сноски, блоки во всю ширину и остальные фишки, характерные для печатных и интернет изданий (см. скриншот ниже).
  • При дочтении страницы до конца автоматически в журнальной теме происходит подгрузка следующих постов, как, например, в ВК.
  • Ленивая загрузка контента.
  • Отказ от сайдбара.
  • Расширенная типографика шрифтов.
Пример блоков в статье.
Пример поста.

Что с SEO в журнальной теме с подгрузкой постов

В JournalX предусмотрены все SEO приемы характерные для других шаблонов WPShop, давайте коротко пройдемся по ним.

Скорость работы

Давайте замеряем скорость в двух популярных сервисах это pagespeed insights и gtmetrix. Будем испытывать свежую установку новостного шаблона JournalX без истории и установленных плагинов, скриптов, счетчиков., чисто WordPress и шаблон.

Показатели темы в gtmetrix.
GTmetrix.
Pagespeed insights для гаджетов.
Скорость в pagespeed для мобильных.
Десктопная скорость journalx.
Компьютерная версия.

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

Правильный семантический код WordPress

С появлением HTML5 верстка на одних дивах стала не актуальной, потому что появились новые теги разметки, которые определяют где что располагается. Для простых информационных текстовых сайтов нужно наличие хотя бы таких правильно расставленных тегов: header – шапка, nav – главная навигация, main – основное содержимое, article – не обязательно, но желательно, aside – чаще всего это сайдбар, footer – подвал.

Разметка по HTML5.
Теги семантической верстки.

Валидность HTML

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

Проверка правильности HTML.
Валидация.

Скрипты подключены в подвале

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

Расположение scripts.
Скрипты в подвале.

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

Данную проблему и множество других может решить плагин Cleaerfy PRO, очищая ядро WordPress.

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

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

Google проверка микроданных.
Структурированные данные.

На скриншоте видно, что запись размечена, ошибок нет, ПС определила элементы на странице вплоть до блока комментариев, автора и еще множества мелочей.

Остальные функции для повышения лояльности поисковых систем

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

  1. Ссылки у авторов комментариев не отображаются, в теле сообщения скрыты через скрипт – у некоторых публикация спама в комментах идет на автомате, в них множество ссылок, которые навредят сайту. Поэтому все кодируется через JS, робот расценивает как текст.
  2. По желанию автора, ссылки в тексте записи также можно скрыть с помощью js применяя простой шорткод.
  3. Циклические ссылки зависящие от journalX удалены, то есть страница не ссылается на себя, если конечно админ самостоятельно не сделал правки шаблона.
  4. Заголовки H1 – H6 находятся строго внутри статей, H1 – на главной это заголовок сайта.
  5. Адаптивный дизайн под все экраны, кроссбраузерный под популярные браузеры.
  6. Описание в рубриках, архивах, пагинации никогда не повторяется на следующих итерациях, а только на основной.
  7. Поддерживает все версии PHP, но совет для всех администраторов – никогда не переходите на последние выпуски, лучше предпоследние.
  8. Не применяются медленные js библиотеки, все оптимизировано для наибольшего ускорения работы.
  9. Много других дополнений которые избавят вас от установки дополнительных модулей, плагинов и внедрение кодов. Совместно советую использовать Clearfy PRO, как писал выше, он сделает блог еще лучше и чище.
  10. JournalX создан по всем современным стандартам верстки HTML5 и новым технологиям CSS3.
  11. Встроенная карта сайта и форма обратной связи.
  12. Лайтбокс, содержание, шаринг в социальных сетях, кнопка скроллинга наверх и много других дополнений.

Управление шаблоном в кастомайзере

Customizer.
Кастомайзер.

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

Новые кнопки в редакторе

JournalX имеет свои кнопки в редакторе при написании статей. Разберем все возможности которые вставляет тема в редакторы, не важно классический или Gutenberg.

Дополнительные инструменты при написании материала в WordPress.
Окно редактора контента.
  1. Блок редактора текста:
    1. 5 дополнительных видов цитат.
    2. Спойлеры (раскрывающийся под каким–нибудь заголовком текст)
    3. Маркер – создание фона текста, в окне его с контентом можете увидеть желтым цветом.
    4. Пояснительная выноска.
    5. Параграф на всю ширину.
    6. Вставка замаскированной ссылки.
  2. Можно точечно несмотря на глобальные настройки скрыть любу область из списка в правом меню.
  3. Если на странице планируете выводить копипастный контент, то лучше проставить ссылку на источник, ее также можно закодировать от ПС.

Реклама

В JournalX есть возможность показывать в разных местах блоки рекламных объявлений или произвольный HTML. Всего 12 областей, обратите внимание, что есть фильтр и разделение на десктопные и мобильные устройства.

Вставка рекламных объявлений.
Рекламные блоки.

Где скачать null взломанную версию JournalX и скидка

У шаблона JournalX нет пробных периодов и бесплатных версий. Если вы скачиваете и ставите на сайт взломанную тему, то рискуете множеством факторов:

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

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

JournalX

Итог моего отзыва и обзора

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

Пожалуйста, оцените материал:

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