Как настроить шаблон SEO Next для Blogger — полная инструкция

Полная инструкция по настройке шаблона SEO Next для Blogger. Все 27 разделов с пошаговыми примерами, шорткодами и оригинальными скриншотами от автора Wire Templates.

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

📋 Навигация по инструкции

1. Установка шаблона
2. Логотип шапки
3. Меню шапки
4. Мега-меню
5. Топ-трендовые посты
6. Избранные посты
7. Категории на главной
8. Контентные блоки
9. Лента недавних постов
10. Система комментариев
11. Настройка меток постов
12. Автор поста
13. Дата публикации
14. Похожие посты
15. Реклама в постах
16. Карточки в постах
17. Разбивка длинных постов
18. Социальные иконки автора
19. Виджет Facebook
20. Соцсети в сайдбаре
21. Подписка по Email
22. Посты в сайдбаре
23. Комментарии в сайдбаре
24. Подвал сайта
25. Согласие на cookies
26. Варианты вёрстки
27. Настройка фида
28. Цвета и шрифты

1. Установка шаблона

Перед тем как настраивать виджеты, нужно установить сам шаблон в Blogger. Процесс простой и занимает 2-3 минуты:

1. Скачай XML-файл шаблона из библиотеки Gumroad (если ты купил премиум) или из обзора шаблона (если используешь бесплатную версию).
2. Открой свой блог в Blogger и перейди в раздел Тема.
3. Нажми на стрелочку вниз рядом с кнопкой Настроить.
4. Выбери Восстановить.
5. Загрузи скачанный XML-файл.
6. Шаблон применится автоматически.

⚠️ Обязательно сделай бэкап
Перед установкой нового шаблона сохрани текущий: Тема → стрелочка вниз → Резервное копирование. Если что-то пойдёт не так, всегда сможешь вернуться к старой версии.

После установки шаблон готов к настройке. Все элементы (виджеты) редактируются через раздел Дизайн в админке Blogger. Каждый виджет настраивается отдельно — об этом дальше.

Особенность SEO Next: После установки сразу зайди в Настройки → Site Feed и установи режим Short. Это активирует Native Feed Mode шаблона и даст максимальную скорость загрузки (см. раздел 26 этой инструкции).

↑ Наверх

2. Логотип шапки

Открой Дизайн → нажми на иконку редактирования в виджете Header Logo.

Виджет Header Logo в разделе Дизайн

Тёмная версия логотипа

Шаблон поддерживает отдельный логотип для тёмного режима. Чтобы загрузить тёмную версию:

1. Сначала загрузи тёмное изображение в любой пост (можно черновик).
2. Скопируй ссылку на изображение (правый клик → копировать URL картинки).
3. Вставь эту ссылку в поле Link в настройках виджета (как показано на скриншоте выше).

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

↑ Наверх

3. Меню шапки

Открой Дизайн → нажми на иконку редактирования в виджете Header Menu.

Основное и вложенное меню

Структура ссылок задаётся через специальный синтаксис:

Основной пункт меню: Features — обычный пункт меню.

Подменю 1 уровня: _Sub Menu 1 — один подчёркивание перед названием.

Подменю 2 уровня: __Sub Menu 2 — два подчёркивания перед названием.

Пример настройки меню с подменю

Важно: Подменю 1 уровня должно идти выше подменю 2 уровня в списке.

Иконки для пунктов меню

В шаблоне используется библиотека Bootstrap Icons. Можно добавить иконку рядом с любым пунктом меню.

Формат кода иконки: <i class="bi bi-0-circle"></i>

Как получить HTML-код иконки:

1. Перейди в галерею Bootstrap Icons.
2. Найди нужную иконку и кликни на неё, чтобы открыть страницу с информацией.
3. Скопируй HTML-код иконки из правой панели.

Копирование кода иконки из библиотеки Bootstrap Icons

4. Вставь код иконки перед текстом пункта меню.

Пункт меню с добавленной иконкой

↑ Наверх

4. Мега-меню

Мега-меню — это развёрнутое меню с превью постов при наведении. Создаётся через шорткоды:

Недавние посты: megamenu/recent

Случайные посты: megamenu/random

По конкретной метке: megamenu/Your Label

Название метки должно точно совпадать с написанием в постах (важен регистр букв).

Метки (Labels) в редакторе поста Blogger

Как выглядит настройка мега-меню

Ограничение: Мега-меню нельзя использовать внутри подменю.

↑ Наверх

5. Топ-трендовые посты

Топ-трендовые посты — это блок с самыми популярными или избранными постами в верхней части главной страницы. Открой Дизайн → нажми на иконку редактирования в виджете Top Trending Posts. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.

Через HTML/JavaScript

Виджет HTML/JavaScript в Top Trending Posts

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

Недавние посты: 6/trending/recent

Случайные посты: 6/trending/random

По метке: 6/trending/Your Label

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

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах — в нижнем или верхнем регистре.

Через виджет Популярные посты

Виджет Популярные посты как альтернатива HTML/JS

Вместо HTML-виджета можно использовать стандартный Популярные посты от Blogger. Шаблон SEO Next автоматически адаптирует его под общий стиль сайта.

Что выбрать: Если хочешь показать посты по конкретной теме или метке — используй HTML/JavaScript с шорткодом. Если хочешь автоматический подбор самых читаемых постов по статистике Blogger — используй виджет Популярные посты.

↑ Наверх

6. Избранные посты

Открой Дизайн → нажми на иконку редактирования в виджете Featured Posts Section. Внутри можно добавить виджет HTML/JavaScript или Популярные посты.

Через HTML/JavaScript

Виджет HTML/JavaScript в Featured Posts Section

Через шорткоды можно настроить, какие посты показывать в блоке избранных:

Недавние посты: featured/recent

Случайные посты: featured/random

По метке: featured/Your Label

Также можно настроить заголовок блока и количество показываемых постов.

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах — в нижнем или верхнем регистре.

Через виджет Популярные посты

Альтернативный вариант через виджет Популярные посты

Аналогично топ-трендовым постам, можно использовать стандартный виджет Популярные посты от Blogger вместо HTML/JavaScript.

↑ Наверх

7. Категории на главной

Открой Дизайн → нажми на иконку редактирования в виджете Custom Categories Section.

Custom Categories Section — карточки категорий на главной

В этом блоке можно настроить:

• Title — название категории.
• Caption — короткое описание под названием.
• Custom Link — ссылка, на которую ведёт карточка категории.

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

Совет по использованию: Добавь сюда 4-6 ключевых тематик блога. Если у тебя блог по садоводству — это могут быть «Овощи», «Цветы», «Деревья», «Инструменты». Карточки помогают новым посетителям быстро понять, о чём твой блог.

↑ Наверх

8. Контентные блоки

Открой Дизайн → нажми на иконку редактирования в виджете Content Blocks Section. Внутри добавь виджет HTML/JavaScript.

Настройка Content Blocks через HTML/JavaScript

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

Количество результатов / Тип блока / Метка

Параметр «Количество результатов» используется только в типах блоков, которые его поддерживают (см. ниже).

Типы блоков

Шаблон поддерживает 6 типов вёрстки контентных блоков:

Block-1: 6/block1/recent — одноколоночный список с превью.

Block-2: block2/recent — двухколоночный список.

Block-3: block3/recent — трёхколоночный список.

Grid-1: grid1/recent — сеточная вёрстка тип 1.

Grid-2: 4/grid2/recent — сеточная вёрстка тип 2.

Video: video/recent — видео-блок.

В каждом шорткоде можно менять тип постов:

• recent — недавние посты
• random — случайные посты
• Your Label — посты с конкретной меткой

Для типов Block-1 и Grid-2 можно указать число постов в начале шорткода (например, 4/grid2/recent покажет 4 поста в сетке).

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах.

↑ Наверх

9. Лента недавних постов

Открой Дизайн → нажми на иконку редактирования в виджете Main Recent Posts.

Виджет Main Recent Posts в разделе Дизайн

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

Скрытие заголовка ленты

Если нужно убрать главный заголовок над лентой постов, используй шорткод:

(hide)

Шорткод вставляется в поле Read More виджета, как показано на скриншоте выше. После сохранения главный заголовок ленты скроется.

↑ Наверх

10. Система комментариев

Новая система комментариев позволяет настроить тип комментариев через виджет Blog Posts. Перейди в Дизайн → Blog Posts → Comment Format.

Comment Format в виджете Blog Posts

Шаблон поддерживает три системы комментариев. Выбери одну через шорткод:

Стандартные комментарии Blogger: #type=(blogger)

Disqus: #type=(disqus) #shortname=(Your Shortname)

Facebook: #type=(facebook)

Facebook с выбором языка: #type=(facebook) #lang=(Your Language Code)

Языковые коды для Facebook-комментариев

Доступные коды языков: en_US, es_ES, ar_AR, id_ID, th_TH, de_DE, ga_GA, it_IT, ne_NE, ja_JA, vi_VN, pt_BR, fr_FR, ru_RU.

Для русского языка используй код ru_RU. Полный список языков Facebook доступен в официальной документации Facebook.

Вставка медиа в комментарии Blogger

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

Изображения и видео отображаются прямо в комментариях

↑ Наверх

11. Настройка меток постов

Метки (Labels) можно показывать или скрывать в превью постов, а также менять их подпись. Перейди в Дизайн → Blog Posts → Labels Prefix.

Настройка отображения меток через Labels Prefix

Возможные действия:

• Изменить подпись перед метками (по умолчанию — «Labels»).
• Полностью скрыть метки в превью постов, отключив переключатель.
• Оставить метки видимыми, но без префикса.

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

Особенность SEO Next: В версии V.1.4.0 (май 2025) к ссылкам категорий /search автоматически добавлен тег nofollow. Это предотвращает утечку SEO-веса на технические страницы и улучшает индексацию основных страниц с контентом.

↑ Наверх

12. Автор поста

Перейди в Дизайн → Blog Posts → Author Format.

Author Format — настройка префикса перед именем автора

Здесь можно:

• Изменить префикс перед именем автора (по умолчанию — «Posted By»).
• Перевести префикс на русский, например, «Автор:».
• Полностью скрыть имя автора, отключив переключатель.

Особенность SEO Next: В версии V.1.4.0 исправлен alt-тег для аватара автора. Теперь поисковые системы корректно распознают изображение профиля — это маленький, но важный SEO-плюс.

↑ Наверх

13. Дата публикации

Перейди в Дизайн → Blog Posts → Date Format.

Date Format — настройка формата даты

Здесь можно:

• Изменить формат даты публикации.
• Полностью скрыть дату, если контент должен выглядеть «вечнозелёным» (без привязки к моменту публикации).

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

↑ Наверх

Открой Дизайн → нажми на иконку редактирования в виджете Related Posts.

Виджет Related Posts в разделе Дизайн

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

Шорткоды для похожих постов

Все шорткоды начинаются с числа — это количество постов, которые будут показаны:

По теме поста (автоматически): 3/related/default

Недавние посты: 3/related/recent

Случайные посты: 3/related/random

По конкретной метке: 3/related/Your Label

Параметр default автоматически показывает посты, которые тематически связаны с текущей статьёй. Это самый умный вариант — шаблон сам подбирает связанные публикации по меткам.

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

↑ Наверх

15. Реклама в постах

Открой Дизайн → нажми на иконку редактирования в виджете Ad Code for Posts/Pages.

Виджет Ad Code for Posts/Pages

Вставь свой рекламный код (например, AdSense) в этот виджет. Реклама автоматически появится в начале и конце каждой статьи.

Особенность SEO Next V.1.2.0+: Можно включить автоматическую рекламу сверху и снизу страниц прямо через Дизайн, без правки HTML. А с версии V.1.4.0 шорткод вставки рекламы стал гибче и проще в настройке.

Реклама в середине поста

Для размещения рекламного блока в любом месте внутри поста используется шорткод:

(ads)

Шорткод (ads) в редакторе поста

Шорткод (ads) вставляется в редакторе поста между параграфами в нужном месте. После публикации в этом месте появится рекламный блок.

Важно: Шорткод (ads) работает только при условии, что рекламный код заполнен в виджете Ad Code for Posts/Pages. Без этого шорткод останется пустым.

Скрытие рекламы в конкретных постах

Если в каком-то посте реклама не нужна, используй шорткод:

(hideAds)

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

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

↑ Наверх

16. Карточки в постах

Post Cards — это специальные карточки, которые можно вставлять в посты или на страницы. Они помогают выделить важную информацию: ссылку на другой пост, загрузку файла, рекламу продукта или произвольную карточку.

Базовый синтаксис

(getCard) #type=(Card Type) #title=(Card Title) #info=(Card Info) #button=(Card Text) #icon=(Icon Code)

Поддерживается 4 типа карточек: post, download, product, custom.

Четыре типа карточек: Post, Download, Product, Custom

Карточка типа Post (ссылка на другой пост)

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

(getCard) #type=(post) #title=(You might Like)

Ссылка карточки: поле ссылки можно оставить пустым или поставить любой символ (например, # или /). Шаблон сам подберёт связанный пост.

Карточка Post — рекомендация связанной статьи

Карточка типа Download (загрузка файла)

Используется для предложения файла на скачивание: PDF, шаблон, чек-лист, программа.

(getCard) #type=(download) #title=(Diver_Blogger_template.zip) #info=(74.02kb) #button=(Download)

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

Карточка Download — кнопка загрузки файла

Карточка типа Product (продукт на покупку)

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

(getCard) #type=(product) #title=(Diver Premium Template) #info=(09.95$) #button=(Buy)

Ссылка карточки: вставь ссылку на страницу покупки. Можно включить открытие в новом окне.

Карточка Product — продвижение товара или продукта

Карточка типа Custom (произвольная)

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

(getCard) #type=(custom) #title=(Custom Post Card) #info=(Info) #button=(Button) #icon=(download)

Параметр #icon — здесь указывается код иконки из библиотеки Bootstrap Icons. Можно ставить любую иконку, подходящую под смысл карточки.

Карточка Custom — гибкая универсальная карточка

Как получить код иконки

Шаблон использует библиотеку Bootstrap Icons. Пошагово:

1. Перейди на сайт Bootstrap Icons.
2. В поиске сверху найди нужную иконку.
3. Кликни на иконку, чтобы открыть её страницу.
4. В правой панели скопируй название иконки (без префикса bi-).

Копирование названия иконки из библиотеки Bootstrap Icons

Внимание: Будь аккуратен при копировании кода иконки — лишний символ или пробел сломает отображение карточки.

Известное ограничение: В Post Cards типа Download и Custom пока нельзя использовать свои изображения как иконки — только готовые иконки Bootstrap Icons. Авторы шаблона рассматривают возможность добавить эту функцию в будущих версиях.

↑ Наверх

17. Разбивка длинных постов

Длинные статьи (3000+ слов) можно разбить на несколько страниц с пагинацией. Эта функция называется Post Split — она улучшает поведенческие факторы, снижает показатель отказов и увеличивает доход от рекламы (каждая новая страница = новые показы баннеров).

Шорткод разбивки

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

(nextPage)

Шорткод можно использовать несколько раз в одном посте — каждое появление создаёт новую страницу. Внизу поста появятся кнопки навигации между страницами.

Пример разбивки длинного поста на страницы

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

Карточки внутри страниц: Внутри каждой страницы поста (созданной через (nextPage)) можно использовать карточки (getCard) из предыдущего раздела. Они работают одинаково на всех страницах.

Почему Post Split хорош для AdSense: Когда читатель переходит на следующую страницу — это новый показ страницы и новые показы рекламных блоков. Без Post Split длинная статья = один показ. С Post Split, разбитая на 4 страницы = до 4 показов одной статьи. Это значительно увеличивает RPM AdSense на сайтах с большим объёмом длинных текстов.

↑ Наверх

18. Социальные иконки автора

Под каждым постом отображается блок с информацией об авторе. В нём можно добавить иконки социальных сетей. Эти иконки берутся из профиля Blogger.

Настройка профиля Blogger

Открой Настройки Blogger → выбери Редактировать профиль Blogger.

Где найти редактирование профиля Blogger

Как добавить иконки соцсетей

В поле «О себе» нужно вставить специальный код. Шаги:

1. Зайди в Blogger → Настройки → Профиль пользователя.
2. В поле описания вставь код со ссылками на свои соцсети.
3. Сохрани изменения.

Поле «О себе» в профиле Blogger

Формат кода для иконок

Каждая иконка социальной сети — это обычная HTML-ссылка с названием соцсети внутри тега. Шаблон SEO Next автоматически распознаёт название и подставляет нужную иконку.

Пример одной ссылки на Instagram:

<a href="https://instagram.com/wiretemplates">instagram</a>

Полный пример профиля с описанием и пятью ссылками:

Hello this is Johan Doe, I am Web Designer and Expert at Wire Templates
<a href="https://facebook.com/wiretemplates">facebook</a>
<a href="https://twitter.com/wiretemplates">twitter</a>
<a href="https://youtube.com/wiretemplates">youtube</a>
<a href="https://instagram.com/wiretemplates">instagram</a>
<a href="https://www.wiretemplates.com/">external-link</a>

Результат после вставки кода в профиль

Поддерживаемые социальные сети

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

facebook, twitter, youtube, instagram, pinterest, linkedin, blogger, reddit, google, apple, microsoft, facebook-f, rss, behance, stack-overflow, telegram, tumblr, dribbble, codepen, snapchat, email, github, stumbleupon, vk, whatsapp

Обновление в V.1.4.0 (май 2025): В новой версии шаблона добавлена поддержка иконок Mastodon, X (новый Twitter) и Threads. Это позволяет привязать к посту все актуальные соцсети 2025-2026 года.

Для русскоязычных авторов: Хорошо работают иконки vk (ВКонтакте), telegram, whatsapp. Их название в теге должно быть в нижнем регистре.

Скрытие блока автора

Если ты не хочешь показывать блок автора под постами, его можно отключить. Перейди в Дизайн → Blog Posts → Show Author Profile и сними галочку.

Опция Show Author Profile в настройках Blog Posts

Исправлено в V.1.4.0: Раньше при отключении автора через эту опцию возникали проблемы с отображением фото и имени в некоторых случаях. В версии V.1.4.0 проблема полностью исправлена.

↑ Наверх

19. Виджет Facebook

В сайдбар можно добавить виджет лайка страницы Facebook — это типичный социальный элемент, который показывает количество подписчиков страницы.

Расположение виджета Facebook Like в сайдбаре

Как добавить виджет

Для работы виджета Facebook нужно выполнить два условия:

1. Сначала установить систему комментариев как Facebook (см. раздел 10 этой инструкции).
2. Затем зайти на сайт Facebook Like Button и сгенерировать код виджета.
3. Скопировать сгенерированный HTML-код.
4. В Blogger перейти в Дизайн, добавить в сайдбар новый виджет HTML/JavaScript.
5. Вставить туда скопированный код Facebook.

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

Внимание для SEO Next: Этот шаблон позиционируется как «самый быстрый» — и сторонний виджет Facebook действительно может снизить PageSpeed. Если важна максимальная скорость, лучше пропустить этот виджет.

↑ Наверх

20. Соцсети в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Social Widget (Section).

Виджет Social Widget Section в сайдбаре

Здесь добавляются ссылки на социальные сети, которые будут показаны в сайдбаре. Виджет работает на основе LinkList Gadget от Blogger — стандартного виджета списка ссылок.

Поддерживаемые иконки

В сайдбаре поддерживается более широкий список соцсетей, чем в блоке автора:

blogger, facebook, twitter-x, youtube, messenger, snapchat, telegram, instagram, pinterest, google, apple, microsoft, dribbble, linkedin, tiktok, stumbleupon, vk, stack-overflow, github, soundcloud, behance, digg, delicious, codepen, flipboard, reddit, tumblr, twitch, rss, skype, whatsapp, discord

Важно: Все названия иконок пишутся в нижнем регистре. Заглавные буквы или опечатки приведут к тому, что иконка не отобразится.

Чтобы добавить иконку, в виджете LinkList создай новый пункт:

• Site Name — название иконки (например, telegram).
• Site URL — твоя ссылка на эту соцсеть.

↑ Наверх

21. Подписка по Email

Открой Дизайн → нажми на иконку редактирования в виджете Follow by Email.

Виджет Follow by Email для подписки на блог

Виджет работает со сторонними сервисами email-рассылок (Brevo, Mailchimp и другими). Просто вставь ссылку на свою форму подписки.

Шорткоды настройки

Базовый шорткод формы: (sibForm)

Заголовок формы: #title=(Follow by Email)

Подзаголовок: #caption=(Get Notified About Next Update Direct to Your inbox)

Заголовок и подзаголовок — опциональные параметры. Можно использовать только базовый шорткод (sibForm) без них.

Создание ссылки на форму подписки

Если у тебя ещё нет формы подписки, её нужно создать в сервисе рассылок. Подробная инструкция от автора шаблона: Как создать ссылку на форму подписки.

Важно: После настройки замени демо-ссылку (которая стоит в шаблоне по умолчанию) на свою собственную. Иначе подписчики будут попадать в чужую базу.

Совет по сервисам: Для небольших блогов подойдёт бесплатный план Brevo (бывший Sendinblue) — до 300 писем в день бесплатно. Для русскоязычной аудитории также можно рассмотреть Unisender или Mailerlite.

↑ Наверх

22. Посты в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Sidebar Posts Section.

Sidebar Posts Section — блок постов в боковой колонке

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

Шорткоды для блока постов

Все шорткоды начинаются с числа — это количество показываемых постов:

Недавние посты: 3/sidebar/recent

Случайные посты: 3/sidebar/random

По конкретной метке: 3/sidebar/Your Label

Регистр меток: Названия меток в шорткоде должны точно совпадать с написанием в постах.

↑ Наверх

23. Комментарии в сайдбаре

Открой Дизайн → нажми на иконку редактирования в виджете Comments Section.

Виджет Comments Section для показа последних комментариев

В виджете можно настроить количество отображаемых комментариев. Блок показывает последние комментарии с разных постов блога с превью текста и ссылкой на пост.

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

↑ Наверх

24. Подвал сайта

Подвал в SEO Next состоит из трёх независимых блоков, которые настраиваются отдельно: социальные иконки, меню и копирайт.

Соцсети в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Section.

Виджет Footer Section для социальных иконок

Соцсети в подвале настраиваются так же, как в сайдбаре — через LinkList Gadget. Поддерживается тот же список иконок:

blogger, facebook, twitter-x, youtube, telegram, instagram, pinterest, linkedin, tiktok, vk, whatsapp, discord, github, rss и другие — всего 32 иконки.

Регистр: Все названия иконок пишутся в нижнем регистре.

Меню в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Menu.

Виджет Footer Menu — ссылки на ключевые страницы

В подвале обычно размещают ссылки на служебные страницы: «О нас», «Контакты», «Политика конфиденциальности», «Условия использования», «Карта сайта». Эти ссылки нужны для соответствия требованиям Google и AdSense.

Копирайт в подвале

Открой Дизайн → нажми на иконку редактирования в виджете Footer Copyright.

Виджет Footer Copyright для подписи в подвале

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

Обновление V.1.4.0: В новой версии шаблона убрано ограничение на длину копирайта — теперь можно вставить расширенный текст с дополнительной информацией о сайте, ссылками или юридическими формулировками.

Важно: Изменение и удаление ссылки на Wire Templates в подвале доступно только для премиум-пользователей. В бесплатной версии ссылка автора должна оставаться.

↑ Наверх

25. Согласие на cookies

Открой Дизайн → нажми на иконку редактирования в виджете Cookies Consent.

Виджет Cookies Consent для уведомления о cookies

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

Настройка через шорткоды

Текст кнопки согласия: #buttons=(Accepted !)

Срок хранения согласия в днях: #days=(20)

Шорткоды вставляются в настройки виджета. После сохранения уведомление будет показывать новый текст и запоминать выбор пользователя на указанный срок.

Рекомендуемые значения: Текст кнопки — «Принять» или «Согласен». Срок хранения — 30-90 дней. Не делай срок меньше 7 дней, иначе посетитель будет видеть уведомление почти при каждом визите.

↑ Наверх

26. Варианты вёрстки

SEO Next поддерживает несколько режимов вёрстки сайта. Открой Панель Blogger → нажми на Тема → перейди в Настроить.

Настройка режимов вёрстки в Customize

Доступные режимы

• Boxed Mode — содержимое сайта помещается в центральный блок с отступами по бокам.
• Sticky Header — шапка сайта остаётся видимой при прокрутке вниз.
• Sticky Sidebar — сайдбар остаётся видимым при прокрутке постов.
• Native Dark Mode — поддержка системного тёмного режима устройства.

Каждая опция включается значением 1 или выключается значением 0.

Рекомендуемая конфигурация для SEO Next: Sticky Header — включить (улучшает UX). Sticky Sidebar — включить для длинных постов. Boxed Mode — на вкус, обычно отключают. Native Dark Mode — включить (Google это любит).

История обновлений: В версии V.1.2.0 настройки Sticky Sidebar и Sticky Menu были перенесены в Theme Designer для более удобного управления. До этого они находились в HTML-коде шаблона.

↑ Наверх

27. Настройка фида

Открой Панель Blogger → перейди в Настройки → прокрути до Site Feed.

Настройки Site Feed в админке Blogger

SEO Next работает в режиме Native Feed Mode — это специальная архитектура, при которой шаблон использует встроенный механизм Blogger для подгрузки контента. Чтобы Native Feed Mode работал на полную мощность, нужно установить режим фида Short (короткий).

Преимущества короткого фида в SEO Next:

• Передаётся меньше данных с сервера на 30-50%.
• Главная и категорийные страницы грузятся в разы быстрее.
• Улучшается PageSpeed Mobile до 99-100 баллов.
• Защита контента от автоматического копирования через RSS.

КРИТИЧЕСКИ ВАЖНО для SEO Next: Это самая важная настройка для скорости шаблона. Без режима «Short» не получишь обещанных 99-100 баллов в PageSpeed. Проверь эту настройку сразу после установки шаблона.

Не отключай фид полностью — это сломает систему комментариев и блок Featured Posts. Используй только режим «Короткий».

История развития: В версии V.1.3.0 (сентябрь 2024) были улучшены Lazy Load и Native Feed Mode для ещё большей скорости. Каждое обновление шаблона делает эту архитектуру эффективнее — поэтому важно регулярно обновлять шаблон до последней версии.

↑ Наверх

28. Цвета и шрифты

Открой Тема → нажми на Настроить → исследуй разделы Background, Colors и Advanced.

Раздел Customize для настройки внешнего вида

SEO Next полностью кастомизируется через стандартный Theme Designer Blogger. Доступно для изменения:

• Шрифты — стили текста, заголовков, навигации.
• Цвета меню — фон, текст, ховер-эффекты.
• Цвета виджетов — заголовки секций, фоны, разделители.
• Цвета подвала — фон, текст, иконки соцсетей.
• Цвета акцентов — кнопки, ссылки, выделения.

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

Особенность SEO Next: Шаблон сделан минималистичным и фокусируется на читаемости. Не перегружай его яркими цветами — это сломает основную ценность шаблона (восприятие текста). Используй максимум 2-3 цвета.

Видеоинструкция от автора

Wire Templates выпустил видеообзор настройки шаблона SEO Next: смотреть на YouTube. Видео на английском, но показывает все шаги визуально — можно понять без знания языка.

↑ Наверх

Часто задаваемые вопросы по настройке

В процессе настройки SEO Next у пользователей возникают одни и те же вопросы. Собрал ответы на самые частые.

Почему PageSpeed Mobile не показывает 100 баллов?

Самая частая причина — не включён режим Short Feed в настройках Blogger. Проверь раздел 27 этой инструкции — это критическая настройка для SEO Next. Также убедись, что не подключены тяжёлые внешние скрипты (старая аналитика, сторонние виджеты соцсетей). Премиум-версия шаблона стабильно даёт 100 баллов «из коробки».

Почему не работает блок Top Trending Posts?

Самая частая причина — несовпадение названия метки. В шорткоде стоит 6/trending/Featured, а в постах метка называется избранное. Проверь, что название метки в шорткоде точно совпадает с написанием в постах (включая регистр букв). Подробнее в разделе «Топ-трендовые посты».

Как перевести подписи шаблона на русский?

Большинство подписей меняются прямо в админке Blogger: префикс «Posted By» меняется в «Author Format», «Labels» — в «Labels Prefix», «Read More» — в «Blog Posts → Post Page Link Text». Часть подписей встроена в шаблон и меняется только редактированием HTML темы.

Можно ли поменять рекламные шорткоды на свой код?

Да. Просто вставь свой HTML-код рекламы (AdSense, баннеры партнёров) в виджет «Ad Code for Posts/Pages». Шорткод (ads) внутри постов автоматически подтянет этот код. Можно использовать как AdSense, так и прямую рекламу.

Стоит ли использовать Post Split для всех длинных постов?

Только для статей 3000+ слов. Для коротких постов разбивка делает читателя раздражённым — он не понимает, зачем кликать на следующую страницу из 5 параграфов. Логика такая: если читателю комфортно прочитать пост одним блоком, не разбивай. Если статья — это руководство на 10 разделов, каждый из которых самостоятелен — Post Split увеличит и удержание, и доход.

Шаблон работает в бесплатной версии полноценно?

Базовый функционал работает: меню, виджеты, посты, реклама, комментарии, скорость 95+. Премиум-версия (V.1.4.0) добавляет тёмный режим, авто-оглавление (TOC), Post Cards 4 типов, поддержку Mastodon/X/Threads, возможность убрать копирайт автора и премиум-поддержку. Полное сравнение версий есть в обзоре шаблона.

Чем SEO Next отличается от Star Mag?

SEO Next — минималистичный шаблон с фокусом на максимальной скорости (99-100 PageSpeed) и SEO. Идеален для текстовых блогов, FAQ-сайтов, AdSense-проектов. Star Mag — журнальный шаблон с богатым визуалом, WebP-конвертацией картинок, множеством слайдеров. Идеален для журналов, новостей, блогов о моде. Подробное сравнение в обзоре SEO Next.

Что делать, если виджет не появляется на странице?

Проверь три вещи: 1) виджет добавлен в правильную секцию темы; 2) у виджета включён переключатель видимости; 3) шорткоды внутри виджета записаны правильно. Если всё это в порядке, очисти кэш браузера и обнови страницу.

Где скачать обновлённую версию шаблона?

Премиум-владельцы получают доступ к обновлениям через свою библиотеку Gumroad. Заходишь в библиотеку, открываешь SEO Next и скачиваешь свежий XML. Бесплатная версия обновляется через сайт LeVTemplate — следи за анонсами в блоге.

Где задать вопрос автору шаблона?

У автора Wire Templates есть форма поддержки на сайте. Для русскоязычных пользователей рекомендую сначала спросить меня в Telegram — часто проблема решается быстрее, чем через английскую поддержку. Контакты есть на странице «Контакты» каталога.

Нужна помощь с настройкой?

Если что-то пошло не так после прохождения инструкции — напиши мне в Telegram. Помогу разобраться с настройкой SEO Next бесплатно для покупателей.

Написать мне →

Источник документации: инструкция переведена и адаптирована из официальной документации Wire Templates для русскоязычных пользователей шаблона. Все скриншоты принадлежат автору шаблона.