Как сделать красивый скриншот сайта с рамкой браузера?

demo - Как сделать красивый скриншот сайта с рамкой браузера?

Screely.com — мгновенное превращение скриншотов в стильные мокапы

Основное назначение: Быстрое добавление браузерных рамок и фонов к обычным скриншотам без необходимости использования Photoshop или Sketch.

Ключевые особенности:

  • Работает полностью в браузере — все файлы обрабатываются локально, ничего не загружается на сервер
  • Простой drag-and-drop интерфейс
  • Выбор стилей окна (macOS светлое/тёмное, минималистичное)
  • Настройка фона (цвета, градиенты)
  • Управление отступами и тенями
  • Бесплатное расширение для Chrome — делает скриншот текущей страницы и сразу открывает в редакторе

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


carbon - Как сделать красивый скриншот сайта с рамкой браузера?

Carbon.now.sh — красивые скриншоты кода с подсветкой синтаксиса

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

Ключевые особенности:

  • Автоматическая подсветка синтаксиса для десятков языков программирования
  • Более 50 цветовых тем (Dracula, Monokai, Night Owl и др.)
  • Настройка шрифтов, размеров, отступов
  • Различные стили окна (macOS, Windows, простое)
  • Экспорт в PNG, SVG или копирование в буфер
  • Интеграция с GitHub Gist — можно импортировать код напрямую
  • Расширения для VS Code, Atom, Sublime, IntelliJ IDEA и других редакторов
  • Возможность встраивать на сайты через iframe

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


356shots so - Как сделать красивый скриншот сайта с рамкой браузера?

Shots.so — универсальный генератор мокапов устройств с анимацией

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

Ключевые особенности:

  • Большая библиотека устройств: iPhone, Android, MacBook, iMac, iPad, Apple Watch
  • Анимированные мокапы и видео с эффектами зума
  • Сотни готовых пресетов анимации
  • Разнообразные фоны: градиенты, изображения, «магические» фоны на основе AI
  • Эффекты: VHS, глитч, шум для кинематографического вида
  • Предустановленные размеры для соцсетей (Instagram, Twitter, Pinterest)
  • Возможность добавления водяных знаков и логотипа
  • Настройка теней, форм границ (острые, скруглённые)
  • Экспорт статичных изображений и видео

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

Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

Введение

В этом подробном руководстве мы разберём все общие настройки плагина Rank Math. Общие настройки содержат параметры, которые влияют на общие SEO-усилия вашего сайта, управление ссылками, изображениями и многими другими важными элементами.

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

Как открыть общие настройки

Чтобы получить доступ к общим настройкам Rank Math, в меню WordPress наведите курсор на пункт Rank Math и из появившихся опций выберите «Общие настройки» (General Settings).

Как открыть общие настройки

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

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

Важно: Если какая-то из настроек, описанных в этой статье, не отображается на вашем экране, проверьте, используете ли вы расширенный режим Rank Math (Advanced Mode), поскольку некоторые настройки доступны только в расширенном режиме.

Содержание

  1. Ссылки (Links)
  2. Хлебные крошки (Breadcrumbs)
  3. Изображения (Images)
  4. Инструменты для вебмастеров (Webmaster Tools)
  5. Редактирование robots.txt
  6. Прочие настройки (Others)
  7. Блоки (Blocks)
  8. Редактирование .htaccess
  9. Мониторинг 404 ошибок
  10. Перенаправления (Redirections)
  11. Аналитика (Analytics)
  12. Сохранение настроек
  13. Сброс настроек

1. Ссылки (Links)

Раздел «Ссылки» содержит все настройки, которые изменяют поведение ссылок на вашем сайте.

Ссылки (Links)

1.1 Удаление базы категорий (Strip Category Base)

По умолчанию URL-адреса архивов категорий включают базу «category». Например, если у вас есть категория SEO, то страница архива будет выглядеть так:

https://yourwebsite.com/category/SEO/

Если вы включите эту опцию, Rank Math удалит часть «category» из URL, сделав его короче:

https://yourwebsite.com/SEO/

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

1.2 Перенаправление вложений (Redirect Attachments)

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

Например, у вас есть пост с URL yourwebsite.com/post-with-image и изображение с именем some-image-with-filename.jpg. URL вложения изображения будет:

yourwebsite.com/post-with-image/some-image-with-filename/

Если вы включите эту опцию, то при попытке кого-либо (даже поисковых систем) получить доступ к изображению по этому URL, они будут перенаправлены на пост.

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

1.3 Перенаправление осиротевших вложений (Redirect Orphan Attachments)

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

В этой настройке вы можете ввести URL, на который будут перенаправляться URL-адреса осиротевших медиафайлов.

1.4 NoFollow для внешних ссылок (NoFollow External Links)

Эта опция автоматически добавляет атрибут nofollow ко всем внешним URL-адресам во всех ваших постах, сохраняя SEO вашего сайта.

1.5 NoFollow для ссылок на файлы изображений (NoFollow Image File Links)

Эта опция работает аналогично опции NoFollow External Links, но применяется к любым внешним ссылкам на изображения.

1.6 Домены NoFollow (NoFollow Domains)

Эта настройка работает в сочетании с опцией NoFollow External Links и действует как чёрный список для доменов. Проще говоря, ссылки с вашего сайта на любые домены, которые вы вводите в этом разделе, всегда будут с nofollow.

1.7 Исключаемые домены NoFollow (NoFollow Exclude Domains)

Эта опция также работает в сочетании с опцией NoFollow External Links, но действует как белый список. Это означает, что ссылки с вашего сайта на любые домены, которые вы вводите в этом разделе, будут followed (без nofollow).

1.8 Как работают белый и чёрный списки NoFollow

Rank Math имеет три раздела для управления свойствами внешних ссылок:

  • NoFollow External Links
  • NoFollow Domains (чёрный список)
  • NoFollow Exclude Domains (белый список)

Когда NoFollow External Links отключён: Разделы NoFollow Domains и NoFollow Exclude Domains можно игнорировать, так как они не будут иметь эффекта, даже если вы добавите домены в любой из разделов.

Когда NoFollow External Links включён:

  • Если NoFollow Domains пуст: все внешние ссылки будут с nofollow, за исключением доменов, включённых в раздел NoFollow Exclude Domains.
  • Если в NoFollow Domains перечислены домены: только ссылки на домены, перечисленные в NoFollow Domains, будут с nofollow, остальные ссылки будут followed. В этом случае раздел NoFollow Exclude Domains не имеет веса.

1.9 Открывать внешние ссылки в новой вкладке (Open External Links in New Tab)

Эта опция применяет атрибут target="_blank" к внешним ссылкам, что откроет их в новых вкладках или окнах.

После включения настройки атрибут target добавляется динамически на фронтенде без внесения каких-либо изменений в фактический контент.


2. Хлебные крошки (Breadcrumbs)

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

image 6 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

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

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

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

2.1 Включить функцию хлебных крошек (Enable Breadcrumbs Function)

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

После включения функции хлебных крошек вам нужно будет добавить фрагмент кода/шорткод на ваш сайт, чтобы хлебные крошки отображались на фронтенде.

2.2 Символ-разделитель (Separator Character)

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

2.3 Показывать ссылку на главную страницу (Show Homepage Link)

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

2.4 Метка главной страницы (Homepage Label)

Здесь вы можете настроить, какую метку дать главной странице вашего сайта. Всё, что вам нужно сделать, это ввести метку, которую вы хотите назначить своей главной странице (например, «Главная», «Home», «Домой»).

2.5 Ссылка главной страницы (Homepage Link)

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

2.6 Префикс хлебных крошек (Prefix Breadcrumb)

Если вы хотите добавить префикс перед вашими хлебными крошками, вы можете использовать эту опцию для этого. Популярные варианты — добавить «Вы здесь», «Навигация», «Индекс» и т.д.

2.7 Формат архива (Archive Format)

Эта опция позволяет установить формат хлебных крошек для страниц архивов. Вы можете полностью настроить его, но мы рекомендуем не удалять «%s» из него, так как он представляет таксономию.

2.8 Формат результатов поиска (Search Results Format)

Эта опция позволяет установить формат хлебных крошек для страниц результатов поиска. Популярные варианты — «Вы искали», «Вот что я нашёл для» и т.д. Мы рекомендуем не удалять «%s» из поля.

2.9 Метка 404 (404 Label)

Эта опция позволяет установить формат хлебных крошек для ваших страниц 404.

2.10 Скрыть заголовок поста (Hide Post Title)

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

2.11 Показывать категории (Show Category(s))

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

2.12 Скрыть название таксономии (Hide Taxonomy Name)

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

2.13 Показывать страницу блога (Show Blog Page)

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


3. Изображения (Images)

Когда вы откроете раздел Изображения, вы заметите следующие настройки.

Примечание: Функции Image SEO применимы только к изображениям внутри контента (блоги/статьи). Для оптимизации вне области контента вы должны убедиться, что ваша тема доступна и оптимизирована.

Чтобы использовать все эти функции Image SEO, вам нужно убедиться, что модуль Image SEO включён на панели управления Rank Math.

image 7 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

3.1 Добавить отсутствующие Alt-атрибуты (Add Missing Alt Attributes)

Alt-атрибуты — это HTML-атрибуты, которые считаются «альтернативными» текстовыми версиями изображений, отображаемых на сайте, когда изображение недоступно или когда посетитель хочет текстовую альтернативу.

Важность Alt-атрибутов:

  • Изображения, которые не загружаются: Alt-атрибуты используются для повышения видимости сайтов, которые загружаются неправильно, а также для улучшения пользовательского опыта.
  • Посетители с нарушениями зрения: Alt-атрибут является ключевым элементом Интернета для людей, которые слепы или имеют нарушения зрения. Он предоставляет текст, который может быть прочитан программами чтения с экрана.
  • Поисковая оптимизация: Иногда поисковые системы не могут получить доступ к изображениям на сайте. Alt-текст предоставляет поисковым системам дополнительную информацию о содержании изображения на веб-страницах, тем самым помогая повысить SEO.

Включение этой настройки добавит Alt-атрибуты ко всем изображениям, у которых не установлен alt-текст.

3.2 Формат Alt-атрибута (Alt Attribute Format)

Если вы включили опцию добавления отсутствующих Alt-атрибутов, следующий вопрос — как Rank Math узнает, о чём изображение? На самом деле, Rank Math не знает и полагается на вас в помощи с ответом на этот вопрос через формат Alt-атрибута.

Формат Alt-атрибута помогает создать предопределённый формат, который будет использоваться для создания alt-текста для изображений. Вместо того чтобы полагаться на общие имена, Rank Math позволяет вам использовать поддерживаемые переменные для создания полезного формата.

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

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

3.3 Добавить отсутствующие Title-атрибуты (Add Missing Title Attributes)

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

3.4 Формат Title-атрибута (Title Attribute Format)

Опция формата Title-атрибута работает аналогично формату Alt-атрибута, единственное отличие в том, что она помогает определить формат для создания заголовка изображения. Используйте переменные и живой предварительный просмотр для создания формата.

Формат по умолчанию установлен как %title% %count(title)%, но вы всегда можете отредактировать и использовать комбинацию статического текста и переменных.


4. Инструменты для вебмастеров (Webmaster Tools)

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

image 8 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

Поддерживается множество инструментов:

  • Google Search Console
  • Bing Webmaster Tools
  • Baidu Webmaster Tools
  • Yandex Verification ID
  • Pinterest Verification ID
  • Norton Safe Web Verification ID
  • И другие

4.1 Как работает верификация вебмастера

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

  1. Вы сообщаете поисковой системе (или другому сервису) о «свойстве» и заявляете, что владеете им
  2. Инструменты для вебмастеров генерируют фрагмент кода, который вам нужно разместить на вашем сайте
  3. Вы размещаете код на своём сайте, доказывая, что у вас есть доступ к сайту и ваше право собственности
  4. Ваше свойство верифицировано и остаётся верифицированным, пока код присутствует

Пример: Верификация Google Search Console

  1. Перейдите на сайт Google Search Console и нажмите кнопку «Start Now»
  2. Войдите с помощью учётной записи Google
  3. Чтобы добавить новое свойство, нажмите на выпадающий список выбора свойства и выберите опцию «Добавить свойство»
  4. Google Search Console предлагает 2 типа свойств: доменное свойство и свойство URL. Введите URL вашего сайта в поле префикса URL и нажмите «Продолжить»
  5. Вы увидите экран со всеми способами верификации владения вашим сайтом. Используйте метод HTML Tag
  6. Настройки развернутся, и вы увидите верификационный мета-тег. Скопируйте его
  7. В настройках Webmaster Tools вставьте мета-код в поле Google Search Console
  8. Сохраните изменения, нажав кнопку «Save Changes» внизу страницы
  9. Ваш сайт теперь будет верифицирован в Google Search Console

Процесс верификации с другими инструментами очень похож. Всё, что вам нужно сделать после генерации мета-тега, — это вставить его в соответствующее поле.


5. Редактирование robots.txt

После открытия раздела редактирования robots.txt вы увидите, что в нём есть только одна настройка — текстовая область, где вы можете настроить свой виртуальный файл robots.txt.

image 9 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

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

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

Rank Math уже настраивает некоторые настройки по умолчанию, которые должны быть полезными. Однако любые изменения, которые вы вносите здесь, не будут иметь эффекта на вашем сайте, если фактический файл robots.txt уже существует. Если он существует, вам придётся отредактировать файл с помощью FTP или любого другого метода, либо полностью удалить файл и внести все изменения через Rank Math.


6. Прочие настройки (Others)

Раздел «Разное» является домом для различных настроек, которые не могли быть размещены ни в одной из категорий.

image 10 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

6.1 Поддержка Headless CMS (Headless CMS Support)

Если ваш сайт использует WordPress в качестве headless CMS, то вы можете включить эту опцию Headless CMS Support. Таким образом, вы сможете использовать конечную точку REST API Rank Math для получения HTML-мета-тегов вашей страницы для использования в вашем любимом фронтенд-веб-приложении.

После включения этой опции вы можете отправить GET-запрос на конечную точку REST getHead, за которым следует URL веб-страницы. Синтаксис следующий:

https://your-domain.com/wp-json/rankmath/v1/getHead?url=https://your-domain.com/hello-world

6.2 Показывать SEO-оценку посетителям (Show SEO Score to Visitors)

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

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

Эта опция полезна, но она не является обязательной для всех. Включайте её только при необходимости.

При включении этой настройки открывается несколько новых настроек под ней:

6.3 Типы постов для SEO-оценки (SEO Score Post Types) — позволяет выбрать типы постов, для которых будет отображаться SEO-оценка.

6.4 Шаблон SEO-оценки (SEO Score Template) — SEO-оценка может отображаться в 2 визуальных форматах: круговом или квадратном.

6.5 Позиция SEO-оценки (SEO Score Position) — позволяет выбрать позицию SEO-оценки: над контентом, под контентом, в обоих местах или в пользовательском месте с помощью шорткода.

Шорткод:

Для редактирования шаблона используйте: <?php rank_math_the_seo_score(); ?>

6.6 Поддержите нас ссылкой (Support Us with a Link)

Мы вложили годы упорной работы, чтобы предоставить вам Rank Math, и если вы хотите помочь нам распространить информацию, мы будем в восторге. Когда вы включаете эту опцию, Rank Math будет включать гиперссылку на оценку SEO Rank Math на вашем сайте на наш сайт. Ссылка будет с nofollow, и никакого SEO-значения не будет передано с вашего сайта на Rank Math.

6.7 RSS перед контентом (RSS Before Content)

Эта опция позволяет добавлять дополнительный контент в начало вашей RSS-ленты. Вы можете ввести любой контент в текстовое поле, а также использовать переменные, перечисленные ниже, для настройки текста.

6.8 RSS после контента (RSS After Content)

Эта опция позволяет добавлять контент после вашей RSS-ленты. Вы можете использовать те же переменные, что и в опции «перед контентом».

6.9 Доступные переменные (Available Variables)

Этот раздел не настраивается, и он просто перечисляет все переменные, которые вы можете использовать в опциях RSS Before и RSS After content.

Пример текста с переменными:

Пост %POSTLINK% впервые появился на %BLOGLINK% и написан %AUTHORLINK%.

7. Блоки (Blocks)

Этот раздел касается всех опций, связанных с блоком оглавления (Table of Contents). Настройки блоков доступны только при включении модуля Schema (структурированные данные).

image 11 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

7.1 Заголовок оглавления (Table of Contents Title)

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

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

7.2 Стиль списка оглавления (Table of Contents List Style)

Выберите стиль списка по умолчанию из выпадающего меню. Доступные варианты: Нет, Нумерованный и Ненумерованный.

7.3 Исключить заголовки из оглавления (Table of Contents Exclude Headings)

Выберите заголовки, которые вы хотите исключить из оглавления.


8. Редактирование .htaccess

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

Если в качестве HTTP-сервера у вас выступает Nginx, то вполне возможно вы можете увидеть сообщение, что такого файла нет.

image 12 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

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

Предупреждение: Изменение файла .htaccess может сломать ваш сайт. Даже если вы технически способны, ошибки могут случиться. Чтобы предотвратить проблемы, Rank Math автоматически создаёт резервную копию вашего .htaccess перед тем, как вы его изменяете.

Таким образом, если вы случайно внесёте какие-либо изменения, которые испортят ваш сайт, вы можете откатить изменения с помощью резервной копии.

Если вы понимаете риски и хотите отредактировать файл .htaccess, то установите флажок под текстом. Текстовая область ниже станет активной, и вы сможете изменить свой файл .htaccess.


9. Мониторинг 404 ошибок (404 Monitor)

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

image 13 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

Наличие ошибок 404 не обязательно плохо, но важно находить их и активно разрешать. Монитор 404 Rank Math помогает именно в этом.

Чтобы увидеть этот раздел в общих настройках, убедитесь, что вы включили модуль 404 Monitor на панели управления Rank Math.

9.1 Режим (Mode)

Монитор 404 имеет 2 режима: простой (Simple) и расширенный (Advanced).

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

Расширенный монитор захватывает много дополнительной информации, такой как реферальный URL ошибки 404 URL.

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

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

9.2 Лимит журнала (Log Limit)

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

9.3 Исключить пути (Exclude Paths)

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

Инструмент исключения универсален и предлагает множество опций для установки пути исключения. Вы можете вводить точные URL, категории и ключевые слова или даже использовать RegEx для определения пути исключения.

Чтобы установить путь исключения, введите URI или ключевое слово в предоставленное поле. Вы должны убедиться, что URI не начинается с косой черты /.

9.4 Игнорировать параметры запроса (Ignore Query Parameters)

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

Рекомендация: Мы рекомендуем оставить это отключённым сначала, затем включить, если вы видите много ошибок в файле журнала, которые имеют одинаковый URL, но разные параметры запроса.


10. Перенаправления (Redirections)

Rank Math имеет встроенный менеджер перенаправлений, который помогает избавиться от ошибок 404 и других ошибок. Раздел перенаправлений имеет несколько настроек, которые контролируют, как происходят перенаправления.

image 14 - Общие настройки Rank Math SEO: Полное руководство по настройке бесплатного плагина

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

10.1 Отладка перенаправлений (Debug Redirections)

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

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

Функция Debug Redirection размещает промежуточное окно между исходным URL и целевым URL. Окно содержит базовую диагностическую информацию вместе с правилом, которое вызвало перенаправление. Это помогает выяснить правила, которые запускают определённые перенаправления.

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

10.2 Резервное поведение (Fallback Behaviour)

Что происходит, когда целевой URL в перенаправлении не найден? С настройкой Fallback Behaviour вы можете определить это так, как вам нравится. Вы можете установить его на 404, перенаправить на главную страницу или перенаправить на пользовательский URL.

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

Вы можете настроить это любым способом, который вам нравится; нет единой рекомендации.

10.3 Пользовательский URL (Custom URL)

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

10.4 Тип перенаправления (Redirection Type)

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

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

10.5 Автоматическое перенаправление поста (Auto Post Redirect)

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

Rank Math расширяет эту функцию и делает её доступной для постов, страниц, таксономий и CPT. Таким образом, автоматически создаётся перенаправление со старого URL на новый URL всякий раз, когда вы изменяете URL (слаг) поста любого типа.

Опция Auto Post Redirect нужна только в том случае, если функция по умолчанию не работает по какой-то причине. Она создаст новое перенаправление (301 Permanent Move) для каждого изменения слага.


11. Аналитика (Analytics)

Раздел аналитики включает подключение вашей учётной записи к Google Analytics, AdSense и Google Search Console. Чтобы просмотреть эту настройку, вам нужно включить модуль Analytics в WordPress Dashboard → Rank Math SEO.

Сначала вам нужно подключить свою учётную запись Rank Math, и процесс прост. Просто нажмите на Connect Your Rank Math Account, выберите свою правильную учётную запись на следующем экране и просто следуйте инструкциям на экране.

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

11.1 Search Console

Эта опция помогает подключить вашу Google Search Console напрямую в Rank Math. Если вы ещё не создали и не верифицировали свойство вашего сайта в Google Search Console, то Rank Math выполнит всю тяжёлую работу за вас. Свойство вашего сайта теперь должно быть легко доступно для подключения.

Выберите свой сайт и страну из выпадающего списка и легко отслеживайте данные вашей search console в Rank Math.

11.2 Аналитика (Analytics)

Analytics помогает подключить ваш сайт к Google Analytics. Rank Math обеспечивает поддержку интеграции с Google Analytics 4.

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

11.3 Установить код Analytics (Install Analytics Code)

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

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

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

11.4 Исключить вошедших пользователей (Exclude Logged-in users)

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

11.5 База данных аналитики (Analytics Database)

База данных аналитики позволяет установить количество дней, в течение которых будут храниться данные аналитики вашего сайта. Rank Math будет автоматически получать данные из Google Analytics с определённым интервалом, но вы также можете получить данные вручную.

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

Когда вы подключаете свой сайт, Rank Math, очевидно, не получил данных из Search Console. Поэтому мы рекомендуем вручную получить данные в первый раз.

Rank Math получит данные, и после завершения получения метаданные должны появиться обновлёнными.

11.6 Панель статистики на фронтенде (Frontend Stats Bar)

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

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

11.7 Email-отчёты (Email Reports)

Эта опция позволяет включить или отключить функцию Email Reporting в Rank Math. При включении вы будете получать отчёт о SEO-производительности, доставляемый прямо в ваш почтовый ящик, с изменениями, связанными с трафиком вашего сайта, показами, общим количеством ключевых слов и средней позицией.

Примечание: Чтобы воспользоваться этой функцией, вам необходимо подключить свой сайт к сервисам учётной записи Google и настроить параметры Search Console в этом же разделе Analytics.

11.8 Частота электронной почты (Email Frequency)

По умолчанию частота электронной почты установлена на 30 дней. Бесплатные пользователи будут получать email-отчёты каждые 30 дней.

11.9 Тестирование соединений (Test Connections)

Если вы заметите какую-либо задержку в получении данных аналитики, вам может потребоваться протестировать соединения Rank Math с вашей учётной записью Google. Для этого просто нажмите опцию Test Connections в правом верхнем углу настроек Analytics.

После нажатия на опцию Rank Math начнёт проверять существующие соединения. Зелёный сигнал указывает на действительное соединение. А красный сигнал указывает на сбой в соответствующем соединении.

Чтобы исправить это, просто переподключитесь к своей учётной записи Google.

Примечание: Если вы не можете увидеть опцию Test Connections, пожалуйста, убедитесь, что вы используете Rank Math в расширенном режиме.


12. Сохранение настроек

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

Если вы не сохранили свои изменения и случайно ушли из общих настроек, Rank Math попытается уведомить вас о несохранённых изменениях.

Чтобы сохранить свои настройки, нажмите кнопку «Save Changes» (Сохранить изменения), которая находится в правом нижнем углу экрана.

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


13. Сброс настроек

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

Чтобы «Сбросить» или вернуться к настройкам по умолчанию, просто нажмите кнопку «Reset» (Сброс), которая находится внизу любой страницы.

Поскольку это большой шаг, Rank Math запросит подтверждение перед сбросом вашей настройки. Нажмите «Ok» в диалоговом окне подтверждения, которое появляется на экране.

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

13.1 Важное замечание о процессе сброса

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

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


Заключение

Наконец, мы рассмотрели все разделы общих настроек в Rank Math (бесплатная версия). Было много настроек, поэтому мы надеемся, что вы поняли их все.

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

Плагин Two-Factor для WordPress: Полное руководство по двухфакторной аутентификации в 2025 году

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

Что такое двухфакторная аутентификация и зачем она нужна

Двухфакторная аутентификация (2FA) добавляет дополнительный уровень защиты к стандартному процессу входа в систему. Даже если злоумышленники получат ваш пароль, они не смогут войти без второго фактора подтверждения — кода из приложения, email или физического ключа.

Статистика говорит сама за себя: использование 2FA снижает риск взлома аккаунта на 99,9%. Особенно это критично для администраторов WordPress-сайтов, которые часто становятся мишенью хакерских атак.

Возможности плагина Two-Factor

Плагин Two-Factor, разработанный командой WordPress, предлагает комплексный набор методов аутентификации:

Email коды

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

TOTP (Time-based One-Time Password)

Одноразовые пароли на основе времени — золотой стандарт двухфакторной аутентификации. Используйте популярные приложения как Google Authenticator, Microsoft Authenticator или Authy для генерации кодов. Этот метод работает даже без интернета.

FIDO U2F (Universal 2nd Factor)

Максимальный уровень безопасности через физические USB-ключи. YubiKey и другие совместимые устройства обеспечивают защиту уровня банковских систем. Злоумышленник не сможет войти даже с украденным паролем без физического доступа к вашему ключу.

Резервные коды

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

Как настроить плагин Two-Factor

Настройка занимает всего несколько минут:

  1. Установите плагин через раздел «Плагины» → «Добавить новый» в админ-панели WordPress
  2. Перейдите в «Пользователи» → «Ваш профиль»
  3. Найдите секцию «Параметры Two-Factor»
  4. Выберите и настройте один или несколько методов аутентификации
  5. Сохраните изменения

Настройка TOTP с QR-кодом (рекомендуемый метод)

После активации плагина для включения TOTP-аутентификации вам понадобится приложение-аутентификатор на смартфоне. Это бесплатные приложения, которые генерируют одноразовые коды:

Для Android и iOS:

  • Google Authenticator — самое популярное решение от Google
  • Microsoft Authenticator — удобное приложение с резервным копированием
  • Authy — поддерживает синхронизацию между устройствами
  • 2FAS — открытый код, без рекламы
  • Aegis (только Android) — максимальная безопасность и приватность

Процесс подключения:

  1. Скачайте и установите любое из приложений выше на ваш смартфон
  2. В разделе «Параметры Two-Factor» отметьте галочкой «Time Based One-Time Password (TOTP)»
  3. На экране появится QR-код — это специальный код для быстрой настройки
  4. Откройте приложение-аутентификатор на телефоне и нажмите «Добавить аккаунт» или значок «+»
  5. Выберите «Сканировать QR-код» и наведите камеру на код на экране
  6. Приложение автоматически добавит ваш WordPress-сайт и начнет генерировать 6-значные коды
  7. Введите текущий код из приложения в поле на сайте для подтверждения
  8. Сохраните изменения

Готово! Теперь при каждом входе после ввода пароля система будет запрашивать код из вашего приложения. Коды обновляются каждые 30 секунд и работают даже без подключения к интернету.

Важно: Если по какой-то причине вы не можете отсканировать QR-код (например, входите с телефона), плагин предоставляет текстовый ключ, который можно ввести вручную в приложении.

Рекомендуется включить сразу несколько методов для подстраховки. Например, основной метод — TOTP, резервный — email коды и набор резервных кодов на случай потери телефона.

настройка в панели управления

Преимущества для разработчиков

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

  • two_factor_providers — управление доступными методами аутентификации
  • two_factor_enabled_providers_for_user — индивидуальные настройки для каждого пользователя
  • two_factor_user_authenticated — действия после успешной аутентификации
  • two_factor_email_token_ttl — настройка времени жизни email-кодов

Это позволяет создавать кастомные решения и интегрировать плагин в любые корпоративные системы безопасности.

Кому подойдет плагин Two-Factor

Плагин идеально подходит для:

  • Корпоративных сайтов — защита чувствительных данных клиентов
  • Интернет-магазинов — безопасность платежной информации
  • Новостных порталов — предотвращение несанкционированных публикаций
  • Личных блогов — защита репутации и контента
  • Агентств — безопасное управление сайтами клиентов

Почему стоит выбрать именно этот плагин

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

Полная локализация. Плагин переведен на 38 языков, включая полноценную русскую версию без языковых барьеров.

Бесплатно и open source. Никаких скрытых платежей или ограничений функционала. Весь код открыт для проверки.

Активное развитие. Более 195 отзывов пользователей, регулярные обновления и быстрая техподдержка через GitHub.

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

Практические советы по использованию

Чтобы максимально эффективно использовать плагин:

  • Включите 2FA для всех администраторов и редакторов
  • Используйте TOTP как основной метод, а email-коды как резервный
  • Сохраните резервные коды в менеджере паролей
  • Регулярно обновляйте плагин до последней версии
  • Настройте уведомления о попытках входа

Заключение

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

В мире, где взломы сайтов происходят каждые 39 секунд, двухфакторная аутентификация — это не роскошь, а необходимость. Установите Two-Factor сегодня и спите спокойно, зная, что ваш сайт защищен на профессиональном уровне.

Скачать плагин: WordPress.org — Two-Factor

Как установить Node.js в Debian 12 и запустить Next.js приложение?

1. Установка Node.js 22.x LTS

Рекомендую установить через NodeSource репозиторий для получения актуальной версии:

# Обновляем систему
sudo apt update && sudo apt upgrade -y

# Устанавливаем необходимые пакеты
sudo apt install -y curl software-properties-common

# Добавляем NodeSource репозиторий для Node.js 22.x
curl -fsSL https://deb.nodesource.com/setup_22.x | sudo -E bash -

# Устанавливаем Node.js
sudo apt install -y nodejs

# Проверяем версии
node --version  # должно показать v22.x.x
npm --version

Альтернативный способ через NVM (Node Version Manager)

Если хотите иметь возможность легко переключаться между версиями Node.js:

# Устанавливаем NVM
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.0/install.sh | bash

# Перезагружаем shell или выполняем
source ~/.bashrc

# Устанавливаем Node.js 22 LTS
nvm install --lts
nvm use --lts
nvm alias default lts/*

# Проверяем
node --version  # покажет v22.x.x

Node.js 22 LTS имеет ряд преимуществ:

  • Улучшенная производительность
  • Встроенная поддержка WebSocket клиента
  • Улучшенная поддержка ESM модулей
  • Обновлённый V8 движок
  • Поддержка до апреля 2027 года

2. Установка PM2 (менеджер процессов)

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

Основная проблема

Когда вы запускаете Node.js приложение обычным способом, оно работает только пока открыт терминал. Стоит закрыть окно терминала или разорвать SSH-соединение — приложение останавливается. Если приложение падает из-за ошибки, оно не перезапускается самостоятельно. После перезагрузки сервера приложение не запустится автоматически — нужно вручную подключаться и запускать его снова.

Что делает PM2

PM2 решает все эти проблемы. Он запускает ваше приложение в фоновом режиме и постоянно следит за его состоянием. Если приложение упадёт из-за ошибки, PM2 моментально его перезапустит. При перезагрузке сервера PM2 автоматически запустит все необходимые приложения без вашего участия.

Кроме базового функционала «держать приложение живым», PM2 предоставляет удобные инструменты для production-окружения: ведение логов, мониторинг потребления памяти и процессора, возможность запуска нескольких экземпляров приложения для распределения нагрузки, обновление кода без остановки сервиса.

Почему это важно

Для production-сервера критически важна стабильность и непрерывность работы. PM2 обеспечивает эту стабильность, автоматизируя рутинные задачи администрирования Node.js приложений. Это стандартный инструмент в индустрии — практически каждый Node.js проект в production использует PM2 или аналогичные решения.

В контексте Next.js приложения PM2 особенно полезен, так как позволяет эффективно использовать серверные ресурсы, автоматически перезапускать приложение при обновлениях и вести подробные логи работы приложения, что упрощает отладку и мониторинг.

sudo npm install -g pm2

3. Создание Next.js приложения

# Создаём директорию для проекта
mkdir -p /var/www/nextjs-app
cd /var/www/nextjs-app

# Создаём новое Next.js приложение
npx create-next-app@latest

# Устанавливаем зависимости
npm install

# Собираем production версию
npm run build

4. Настройка PM2 для Next.js

Создайте файл ecosystem.config.js в корне проекта:

module.exports = {
  apps: [{
    name: 'nextjs-app',
    script: 'npm',
    args: 'start',
    cwd: '/var/www/nextjs-app',
    instances: 1,
    autorestart: true,
    watch: false,
    max_memory_restart: '1G',
    env: {
      NODE_ENV: 'production',
      PORT: 3000
    }
  }]
}

Запустите приложение:

# Запускаем через PM2
pm2 start ecosystem.config.js

# Сохраняем конфигурацию PM2
pm2 save

# Настраиваем автозапуск при перезагрузке
pm2 startup systemd -u $USER --hp /home/$USER

Если всё сделано правильно, то вы увидите в консоли это:

image 2 - Как установить Node.js в Debian 12 и запустить Next.js приложение?

В процессе PM2 сгенерирует команду, которую нужно выполнить. Скопируйте и выполните эту команду:

sudo env PATH=$PATH:/usr/bin pm2 startup systemd -u ВАШ_ЮЗЕР --hp /home/ВАШ_ЮЗЕР

5. Настройка nginx для проксирования

Создайте конфигурационный файл для вашего сайта:

sudo nano /etc/nginx/sites-available/nextjs-app

Добавьте следующую конфигурацию:

server {
    listen 80;
    listen [::]:80;
    server_name example.com www.example.com;  # Замените на ваш домен

    # Максимальный размер загружаемых файлов
    client_max_body_size 20M;

    # Gzip сжатие
    gzip on;
    gzip_comp_level 5;
    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;

    # Проксирование на Next.js
    location / {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        
        # Дополнительные заголовки
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_set_header X-Forwarded-Host $host;
        proxy_set_header X-Forwarded-Port $server_port;
        
        # Таймауты
        proxy_connect_timeout 60s;
        proxy_send_timeout 60s;
        proxy_read_timeout 60s;
    }

    # Кеширование статических файлов Next.js
    location /_next/static {
        proxy_pass http://localhost:3000;
        proxy_http_version 1.1;
        proxy_set_header Upgrade $http_upgrade;
        proxy_set_header Connection 'upgrade';
        proxy_set_header Host $host;
        proxy_cache_bypass $http_upgrade;
        
        # Кеширование на 1 год
        add_header Cache-Control "public, max-age=31536000, immutable";
    }
}

6. Активация конфигурации

# Создаём символическую ссылку
sudo ln -s /etc/nginx/sites-available/nextjs-app /etc/nginx/sites-enabled/

# Проверяем конфигурацию
sudo nginx -t

# Перезапускаем nginx
sudo systemctl reload nginx

7. Настройка SSL (опционально, но рекомендуется)

# Устанавливаем Certbot
sudo apt install -y certbot python3-certbot-nginx

# Получаем SSL сертификат
sudo certbot --nginx -d example.com -d www.example.com

# Автообновление сертификатов уже настроено автоматически

Теперь ваш Next.js сайт должен быть доступен по адресу вашего домена. Next.js будет работать на порту 3000, а nginx будет проксировать все запросы к нему.

Полезные команды для управления

# PM2 команды
pm2 status          # Статус приложений
pm2 logs           # Логи
pm2 restart all    # Перезапуск
pm2 monit          # Мониторинг

# Просмотр логов nginx
sudo tail -f /var/log/nginx/access.log
sudo tail -f /var/log/nginx/error.log

# Перезапуск после изменений в коде
cd /var/www/nextjs-app
git pull           # Если используете git
npm install        # Если изменились зависимости
npm run build      # Пересборка
pm2 restart nextjs-app

Первый запуск Мастера установки плагина Rank Math SEO.

Напомню, что когда вы установите и активируете Rank Math впервые, вас автоматически перенаправит на страницу, где вы можете подключить свой аккаунт Rank Math.

Чтобы продолжить, нажмите кнопку «Connect Your Account», или если предпочитаете пропустить этот шаг, нажмите кнопку «Skip Now», чтобы сделать это позже. Теперь предположим, что вы нажали кнопку «Skip Now» и перешли к экрану запуска.

Запуск Мастера настройки

На странице Мастера настройки вы можете быстро настроить основные параметры. Однако, если предпочитаете, можете отменить настройку, нажав ссылку «Return to Dashboard» и настроить параметры вручную позже.

Если вы не использовали Мастер настройки во время первоначальной установки, можете запустить его снова, перейдя в Панель управления WordPress → Rank Math SEO → Dashboard → вкладка Setup Wizard.

После открытия вкладки начнется процесс настройки.

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

Первая секция — это где вы видите шаги настройки. На каждом шаге Rank Math задаст вам несколько основных вопросов. На основе ваших ответов Rank Math настроит SEO параметры.

Следующая секция — выбор режима. Как видите, Rank Math в настоящее время поддерживает 3 режима:

  • Легко
  • Дополнительно (Продвинутый)
  • Настраиваемый режим [PRO]
Снимок экрана 2025 09 13 в 08.12.12 - Первый запуск Мастера установки плагина Rank Math SEO.

Вы можете выбрать любой из 3 режимов, а Настраиваемый режим в настоящее время ограничен только пользователями Rank Math PRO. Что касается легкого и продвинутого шагов, они не полностью отличаются. Продвинутый режим имеет больше шагов с некоторыми дополнительными продвинутыми настройками для конфигурации. Мы будем использовать настройку в Продвинутом режиме, затем отметим каждый шаг в зависимости от того, появляется ли он в легком или продвинутом режиме.

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

Настраиваемый режим

В Дополнительном режиме вы можете выбрать ранее сохраненный файл настроек Rank Math (в основном в форматах .txt, .json) с вашего компьютера и загрузить его для использования пользовательских настроек.

Проверка совместимости

Следующая секция — проверка совместимости. Rank Math выполняет проверку совместимости перед началом процесса настройки, чтобы не было проблем при настройке. Если проблем нет, вы увидите соответствующее сообщение.

Вы можете нажать кнопку «More», чтобы увидеть, какие тесты были выполнены.

Снимок экрана 2025 09 13 в 08.11.53 - Первый запуск Мастера установки плагина Rank Math SEO.

Вы также сможете увидеть здесь любые конфликтующие плагины, если Rank Math их найдет — вы можете безопасно деактивировать их, поскольку мы импортируем данные из этих плагинов в Rank Math на следующем шаге.

Далее и последний вариант, который вы увидите, это кнопка «Запустить мастера установки» (Start Wizard). Нажмите ее, чтобы увидеть начало мастера настройки.

Снимок экрана 2025 09 13 в 08.29.27 - Первый запуск Мастера установки плагина Rank Math SEO.
Start Wizard

Вкладка Ваш сайт

Эта вкладка позволяет рассказать Rank Math, о чем ваш сайт. Является ли это хобби-блогом, интернет-магазином, сайтом организации или чем-то еще. На основе вашего ответа Rank Math добавляет соответствующий код на ваш сайт, чтобы Google также понимал это о вашем сайте.

Снимок экрана 2025 09 13 в 08.45.46 - Первый запуск Мастера установки плагина Rank Math SEO.

Ваш сайт является

Здесь вы можете сказать Rank Math, какой тип сайта вы используете. Все эти опции можно классифицировать на 2 типа — Личный или Бизнес.

  • Личный – Личный блог, Личное портфолио и Другой личный сайт
  • Бизнес – Сообщественный блог/Новостной сайт, Сайт малого бизнеса, Интернет-магазин и Другой бизнес-сайт

Здесь вы становитесь конкретными и говорите Rank Math, какой вид бизнеса представляет ваш сайт. Есть много вариантов для выбора.

Снимок экрана 2025 09 13 в 08.47.21 - Первый запуск Мастера установки плагина Rank Math SEO.

Давайте выберем «Сайт для малого бизнеса«

Название сайта

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

Альтернативное название сайта

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

Имя человека/организации

Здесь вам нужно ввести ваше имя или название компании, которое вы хотите показать в Панели знаний Google (Блоки знаний).

Логотип для Google

Здесь вам нужно загрузить логотип вашего бизнеса или логотип вашего личного сайта. Минимальное поддерживаемое разрешение — 112X112 px.

Изображение для социальных сетей по умолчанию

Когда любой из ваших постов делится в социальных сетях, он сопровождается изображением. Эта опция позволяет выбрать изображение по умолчанию, которое может использоваться, когда пост делится в Facebook и не имеет никаких изображений. Рекомендуемое разрешение — 1200X630px.

Переход к следующему шагу

После настройки всех параметров в этой секции нажмите кнопку «Сохранить и продолжить» (Save and Continue), чтобы перейти к следующему шагу.

Пример заполнения

Название разделаПример заполнения
WordPress Playground это…Сайт для малого бизнеса
Название сайтаКнижный магазин Знание
Альтернативное название сайтаЗнание
Имя лица/организацииООО Знание
Логотип для поисковика и Изображение по умолчанию для соцсетейПодгрузить изображение (например рекламный баннер с логотипом)

Аналитика

На следующем шаге у нас появляется возможность связать свой сайт с Google Search Console и Google Analytics.

Аналитика

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

Нужно подключиться к Google Services. Rank Math может получать тонны данных из Google Analytics, Google Search Console и даже AdSense. Rank Math просто выступает посредником для получения данных от Google и показа их вам.

Настройки включают:

  • Search Console: Выбор сайта и целевой страны (только для PRO)
  • Analytics: Выбор аккаунта, свойства и представления. Можно разрешить Rank Math установить код Analytics автоматически
  • AdSense: Только для PRO пользователей
  • Email Reports: Rank Math может отслеживать изменения трафика, показов, общих ключевых слов и средней позиции. Эти данные представляются как SEO отчет и доставляются прямо в ваш почтовый ящик каждый месяц

Sitemap (Карта сайта)

2025 09 15 225232 - Первый запуск Мастера установки плагина Rank Math SEO.

Sitemaps — это индексы для поисковых систем для быстрого поиска страниц и постов на вашем сайте. Rank Math имеет встроенный, совместимый с Google генератор sitemap, который создаст карту вашего сайта автоматически.

Настройки:

  • Включить Sitemaps: Включение/отключение функции sitemap
  • Включить изображения: Включение изображений в sitemap. Рекомендуется отключать только если у вас тысячи изображений.
  • Публичные типы постов: Выбор типов постов для включения в sitemap
  • Публичные таксономии: Выбор таксономий для включения в sitemap
  • News Sitemap (PRO): Создание полностью совместимой новостной sitemap, необходимой для показа новостных статей в Google News, Google Discover
  • Video Sitemap (PRO): Помогает поисковикам легче находить, где размещены ваши видео, и может помочь лучше ранжировать видео в видеопоиске

Оптимизация

На этапе оптимизации мы настроим простые SEO параметры на вашем сайте, которые имеют большое impact.

2025 09 15 225414 - Первый запуск Мастера установки плагина Rank Math SEO.

Настройки:

  • Noindex для пустых категорий и архивов тегов: Автоматически «no-index» для категорий и тегов без постов, экономя SEO juice и crawl budget
  • Nofollow для внешних ссылок: Делает все внешние ссылки nofollow по умолчанию, экономя время
  • Открывать внешние ссылки в новой вкладке: Добавляет атрибут target=»_blank» ко всем внешним ссылкам

Готово

2025 09 15 225612 - Первый запуск Мастера установки плагина Rank Math SEO.

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

Расширенные настройки

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

2025 09 15 225914 - Первый запуск Мастера установки плагина Rank Math SEO.

Менеджер ролей

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

404 + Переадресация

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

Schema Markup

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

Заключение

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

Плагин Rank Math SEO для поисковой оптимизации сайта на WordPress. Начало.

Rank Math SEO — AI SEO Tools to Dominate SEO Rankings («Rank Math SEO – Инструменты SEO с ИИ для доминирования в SEO-рейтинге») — плагин для WordPress, задача которого — помочь владельцам сайтов улучшить SEO (оптимизацию под поисковые системы), увеличить посещаемость, упростить технические аспекты SEO-настроек.

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

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

Как установить плагин «Rank Math SEO – Инструменты SEO с ИИ для доминирования в SEO-рейтинге»?

В панели управления вашего сайта на WordPress следуем в раздел Плагины и при помощи поискового запроса «seo» выбираем в результате поисковой выдачи наш плагин

Как установить плагин Rank Math SEO

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

Снимок экрана 2025 09 13 в 07.58.51 - Плагин Rank Math SEO для поисковой оптимизации сайта на WordPress. Начало.

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

RankMath предлагает пользователю подключить бесплатный аккаунт, чтобы получить дополнительные возможности:

  1. Подсказки ключевых слов от Google — при вводе фокусных ключевых слов плагин будет показывать предложения напрямую из Google
  2. Content AI — революционный ИИ для контента
  3. SEO Analyzer — анализатор SEO внутри WordPress, который сканирует сайт на ошибки и предлагает улучшения

Кнопки на этом экране:

  • Есть переключатель «Enable Usage Tracking» для отправки анонимных данных использования (без личной информации)
  • Кнопка «Connect Your Account» для подключения
  • Кнопка «Skip Step» для пропуска этого шага
Снимок экрана 2025 09 13 в 08.05.58 - Плагин Rank Math SEO для поисковой оптимизации сайта на WordPress. Начало.
Экран подключения бесплатного аккаунта

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

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

Снимок экрана 2025 09 13 в 08.11.53 - Плагин Rank Math SEO для поисковой оптимизации сайта на WordPress. Начало.
Проверка пройдена

И если все хорошо, то впереди нас ожидает первоначальная базовая настройка SEO сайта. Все оставляем по умолчанию:

Дополнительно

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

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

  1. Легко (неактивен)
    • Для сайтов, где нужно изменить только основы
    • RankMath выполняет большую часть тяжелой работы
    • Настройки по умолчанию соответствуют лучшим практикам
    • Просто установить и забыть
  2. Дополнительно (выбран)
    • Для продвинутых пользователей
    • Хотят контролировать все аспекты SEO на сайте
    • Возможность изменить все и полностью контролировать SEO оптимизацию
  3. Настраиваемый режим (PRO)
    • Только для Pro версии
    • Для использования собственного файла настроек RankMath
Снимок экрана 2025 09 13 в 08.12.39 - Плагин Rank Math SEO для поисковой оптимизации сайта на WordPress. Начало.
Выбираем опцию Дополнительно

Автообновление SSL сертификатов Let’s Encrypt — Пошаговая инструкция

Шаг 1: Проверяем, что сертификаты работают

# Смотрим какие сертификаты есть и когда истекают
sudo certbot certificates

# Тестируем обновление (без реального обновления)
sudo certbot renew --dry-run

Демонстрация процесса в консоли:

Снимок экрана 2025 09 12 в 18.12.26 - Автообновление SSL сертификатов Let's Encrypt - Пошаговая инструкция
Снимок экрана 2025 09 12 в 18.12.47 - Автообновление SSL сертификатов Let's Encrypt - Пошаговая инструкция
Снимок экрана 2025 09 12 в 18.12.58 - Автообновление SSL сертификатов Let's Encrypt - Пошаговая инструкция

Шаг 2: Проверяем, может автообновление уже настроено

# Проверяем cron задачи
sudo crontab -l | grep certbot

# Проверяем системные таймеры
systemctl list-timers | grep certbot

# Проверяем папку cron.d
ls -la /etc/cron.d/ | grep certbot

Если увидели certbot в любой из команд — автообновление уже работает! Ничего делать не нужно.

Шаг 3: Если автообновления нет — настраиваем

Вариант А: Через systemd

# Создаем сервис
sudo tee /etc/systemd/system/certbot-renewal.service << 'EOF'
[Unit]
Description=Certbot Renewal
After=network.target

[Service]
Type=oneshot
ExecStart=/usr/bin/certbot renew --quiet --post-hook 'systemctl reload nginx'
EOF

# Создаем таймер (будет запускать 2 раза в день)
sudo tee /etc/systemd/system/certbot-renewal.timer << 'EOF'
[Unit]
Description=Run certbot twice daily

[Timer]
OnCalendar=*-*-* 00,12:00:00
RandomizedDelaySec=3600
Persistent=true

[Install]
WantedBy=timers.target
EOF

# Включаем таймер
sudo systemctl daemon-reload
sudo systemctl enable --now certbot-renewal.timer

# Проверяем что работает
sudo systemctl status certbot-renewal.timer
systemctl list-timers | grep certbot

Вариант Б: Через cron

# Добавляем в cron
(sudo crontab -l 2>/dev/null; echo "0 3 * * * /usr/bin/certbot renew --quiet --post-hook 'systemctl reload nginx'") | sudo crontab -

# Проверяем что добавилось
sudo crontab -l

Шаг 4: Настраиваем логирование

# Добавляем в cron
(sudo crontab -l 2>/dev/null; echo "0 3 * * * /usr/bin/certbot renew --quiet --post-hook 'systemctl reload nginx'") | sudo crontab -

# Проверяем что добавилось
sudo crontab -l

Шаг 5: Тестируем что все работает

# Принудительно запускаем обновление для теста
sudo certbot renew --dry-run

# Если используете systemd timer - тестируем его
sudo systemctl start certbot-renewal.service
sudo systemctl status certbot-renewal.service

# Смотрим логи
sudo journalctl -u certbot-renewal.service

Шаг 6: Финальная проверка

# Смотрим когда будет следующее обновление
systemctl list-timers | grep certbot

# ИЛИ для cron
sudo crontab -l | grep certbot

Что происходит дальше:

  1. Каждый день в 3 ночи (или 2 раза в день для systemd) certbot проверяет сертификаты
  2. Если до истечения < 30 дней — сертификат обновляется автоматически
  3. После обновления — Nginx перезагружается автоматически
  4. Вы получаете новый сертификат без вашего участия

Если что-то не работает:

# Смотрим логи
sudo tail -50 /var/log/letsencrypt/letsencrypt.log

# Проверяем права
ls -la /etc/letsencrypt/

# Пробуем обновить вручную
sudo certbot renew --force-renewal

Готово! Теперь сертификаты будут обновляться автоматически и вы никогда не получите ошибку об истекшем сертификате!

Conventional Commits: Как писать понятные сообщения коммитов в Git

Каждый разработчик сталкивался с хаотичными сообщениями коммитов в Git: «fix», «update stuff», «работает». Через месяц понять, что именно менялось в коде, становится невозможно. Стандарт Conventional Commits решает эту проблему раз и навсегда.

Что такое Conventional Commits?

Conventional Commits — это соглашение о написании сообщений коммитов, которое делает историю проекта понятной для людей и машин. Основано на стандарте SemVer и используется крупными проектами: Angular, Vue.js, React.

Структура сообщения

<тип>[область]: <описание>

[тело сообщения]

[подвал]

Обязательные части:

  • тип — категория изменений
  • описание — краткое описание изменений

Опциональные части:

  • область — часть кодовой базы
  • тело — детальное описание
  • подвал — breaking changes, ссылки на issues

Основные типы коммитов

feat — новая функциональность

feat: добавил форму обратной связи
feat(auth): реализовал авторизацию через Google

fix — исправление багов

fix: устранена утечка памяти в загрузчике
fix(header): исправлено позиционирование меню на мобильных

docs — документация

docs: обновил README с инструкциями по установке
docs(api): добавлены примеры использования REST API

style — форматирование кода

style: исправил отступы в components/Button
style(css): приведены к единому стилю селекторы

refactor — рефакторинг

refactor: выделена логика валидации в отдельный модуль
refactor(utils): упростил функцию форматирования дат

perf — оптимизация производительности

perf: кэшированы результаты API запросов
perf(images): оптимизированы размер изображений

test — тесты

test: добавить unit тесты для компонента Cart
test(integration): покрыты тестами процесс оплаты

ci — CI/CD изменения

ci: настроил автоматический деплой через GitHub Actions
ci(docker): обновил Node.js до версии 18

Дополнительные типы

build — система сборки

build: обновил webpack до версии 5
build(npm): добавил script для production сборки

chore — рутинные задачи

chore: обновил зависимости
chore(git): добавил .gitignore для node_modules

revert — откат изменений

revert: откатил "feat: добавитл новый API endpoint"

Breaking Changes

Для изменений, нарушающих обратную совместимость:

feat!: изменил структуру API ответов

BREAKING CHANGE: поле 'data' переименовано в 'payload'

Преимущества стандарта

Для команды

  • Понятная история — любой разработчик поймет изменения
  • Быстрый поиск — легко найти конкретный тип изменений
  • Code review — проще анализировать pull requests

Для автоматизации

  • Семантическое версионирование — автоматический bump версий
  • Генерация changelog — красивые release notes
  • CI/CD триггеры — запуск деплоя только при feat/fix

Инструменты для автоматизации

Commitizen

Частые ошибки

❌ Неправильно

git commit -m "fix"
git commit -m "Update header.php"
git commit -m "Добавил новую фичу в корзину"

✅ Правильно

git commit -m "fix(header): устранил переполнение контента"
git commit -m "feat(cart): добавил быстрое оформление заказа"
git commit -m "docs: обновил инструкцию по развертыванию"

Советы по внедрению

Для команды

  1. Начните с простого — используйте основные типы
  2. Договоритесь об областях — frontend, backend, api, docs
  3. Добавьте линтер — автоматизируйте проверку
  4. Проводите ретро — обсуждайте улучшения процесса

Для личных проектов

  1. Выработайте привычку — используйте commitizen
  2. Ведите changelog — автоматизируйте через standard-version
  3. Тегируйте релизы — связывайте версии с коммитами

Заключение

Conventional Commits превращает хаос в истории Git в понятную документацию изменений. Это инвестиция времени, которая окупается на первой же неделе использования.

Начните с базовых типов featfixdocs — и постепенно внедряйте остальные. Ваша команда (и будущий вы) скажет спасибо.


Полезные ссылки:

Как установить WordPress с Nginx и PHP 8.4 на Debian 12: пошаговое руководство

Это руководство покажет, как установить и настроить WordPress с веб-сервером Nginx и PHP 8.4 на Debian 12. Мы пройдем через полную настройку сервера, включая безопасность, SSL-сертификаты и оптимизацию производительности.

Что вы получите:

  • Безопасная настройка сервера Debian 12
  • Nginx с оптимизированной конфигурацией для WordPress
  • PHP 8.4 с необходимыми модулями
  • MariaDB для базы данных
  • SSL-сертификат Let’s Encrypt
  • Firewall и базовая защита

1. Начальная настройка сервера Debian 12

Подключение к серверу

ssh root@your_server_ip

Обновление системы

apt update -y && apt upgrade -y

Создание пользователя с sudo привилегиями

# Создаем нового пользователя
adduser debian

# Добавляем в группу sudo
usermod -a -G sudo debian

Настройка SSH безопасности

nano /etc/ssh/sshd_config

Измените следующие параметры:

Port 22500
Protocol 2
PermitRootLogin no
UseDNS no
AllowUsers debian

Обратите внимание, что мы изменили стандартный порт 22.

Перезапустите SSH:

systemctl restart ssh.service

Выйдите и подключитесь под новым пользователем:

# Выход
exit

# Подключение под новым пользователем
ssh -p 22500 debian@your_server_ip

2. Установка Nginx, PHP 8.4 и MariaDB

Установка базовых пакетов

sudo apt install nginx mariadb-server mariadb-client unzip wget git curl gnupg2 software-properties-common -y

Установка PHP 8.4 из репозитория Sury

# Добавляем GPG ключ
curl -sSL https://packages.sury.org/php/apt.gpg | sudo gpg --dearmor -o /usr/share/keyrings/sury-php.gpg

# Добавляем репозиторий
echo "deb [signed-by=/usr/share/keyrings/sury-php.gpg] https://packages.sury.org/php/ $(lsb_release -sc) main" | sudo tee /etc/apt/sources.list.d/sury-php.list

# Обновляем список пакетов
sudo apt update

# Устанавливаем PHP 8.4 и необходимые модули
sudo apt install php8.4-fpm php8.4-common php8.4-mysql php8.4-gd php8.4-bcmath php8.4-curl php8.4-mbstring php8.4-xml php8.4-zip php8.4-intl php8.4-soap php8.4-readline php8.4-opcache -y

Скрупулезным людям можно воспользоваться этой ссылкой и посмотреть точные зависимости расширений PHP для работы CMS WordPress.

Настройка PHP 8.4

sudo nano /etc/php/8.4/fpm/php.ini

Измените следующие параметры:

post_max_size = 64M
memory_limit = 256M
max_execution_time = 300
upload_max_filesize = 32M
date.timezone = Europe/Moscow
opcache.enable = 1
opcache.memory_consumption = 128
opcache.max_accelerated_files = 10000

Перезапустите PHP-FPM:

sudo systemctl restart php8.4-fpm.service
sudo systemctl enable php8.4-fpm.service

3. Настройка Nginx для WordPress

Создание директории сайта

sudo mkdir -p /var/www/yourdomain.com

Создание конфигурации Nginx

sudo nano /etc/nginx/sites-available/yourdomain.com.conf

Добавьте конфигурацию:

server {
    listen 80;
    server_name yourdomain.com www.yourdomain.com;
    root /var/www/yourdomain.com;
    index index.php index.html;

    # Логи
    access_log /var/log/nginx/yourdomain.com_access.log;
    error_log /var/log/nginx/yourdomain.com_error.log;

    # Максимальный размер загружаемых файлов
    client_max_body_size 64M;

    # Favicon и robots.txt
    location = /favicon.ico {
        log_not_found off;
        access_log off;
    }

    location = /robots.txt {
        allow all;
        log_not_found off;
        access_log off;
    }

    # Основная локация
    location / {
        try_files $uri $uri/ /index.php?$args;
    }

    # PHP обработка
    location ~ \.php$ {
        try_files $uri =404;
        include /etc/nginx/fastcgi_params;
        fastcgi_read_timeout 3600s;
        fastcgi_buffer_size 128k;
        fastcgi_buffers 4 128k;
        fastcgi_param SCRIPT_FILENAME $document_root$fastcgi_script_name;
        fastcgi_pass unix:/run/php/php8.4-fpm.sock;
        fastcgi_index index.php;
    }

    # Кеширование статических файлов
    location ~* \.(js|css|png|jpg|jpeg|gif|ico|svg|woff|woff2|ttf|eot)$ {
        expires 1y;
        add_header Cache-Control "public, immutable";
        log_not_found off;
    }

    # Защита от доступа к системным файлам
    location ~ /\. {
        deny all;
    }

    location ~ ^/(wp-config\.php|readme\.html|license\.txt)$ {
        deny all;
    }
}

Активация конфигурации

# Проверка синтаксиса
sudo nginx -t

# Создание символической ссылки
sudo ln -s /etc/nginx/sites-available/yourdomain.com.conf /etc/nginx/sites-enabled/

# Удаление дефолтной конфигурации
sudo rm /etc/nginx/sites-enabled/default

# Перезапуск Nginx
sudo systemctl restart nginx.service
sudo systemctl enable nginx.service

4. Настройка базы данных MariaDB

Безопасная установка MariaDB

sudo mysql_secure_installation

Ответьте на вопросы:

  • Set root password: Y (задайте сильный пароль)
  • Remove anonymous users: Y
  • Disallow root login remotely: Y
  • Remove test database: Y
  • Reload privilege tables: Y

Создание базы данных для WordPress

mysql -u root -p

Выполните SQL команды:

CREATE DATABASE wp_yourdomain DEFAULT CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;

GRANT ALL ON wp_yourdomain.* TO 'wpuser'@'localhost' IDENTIFIED BY 'StrongPassword123!';

FLUSH PRIVILEGES;

EXIT;

5. Установка WordPress

Загрузка и распаковка WordPress

cd /tmp
wget https://wordpress.org/latest.tar.gz
tar -xvzf latest.tar.gz

Настройка конфигурации WordPress

# Копирование конфигурационного файла
cp /tmp/wordpress/wp-config-sample.php /tmp/wordpress/wp-config.php

# Редактирование конфигурации
nano /tmp/wordpress/wp-config.php

Генерация ключей безопасности

curl -s https://api.wordpress.org/secret-key/1.1/salt/

Скопируйте полученные ключи и вставьте в wp-config.php

Настройка подключения к базе данных

В файле wp-config.php замените:

// ** Database settings ** //
define( 'DB_NAME', 'wp_yourdomain' );
define( 'DB_USER', 'wpuser' );
define( 'DB_PASSWORD', 'StrongPassword123!' );
define( 'DB_HOST', 'localhost' );
define( 'DB_CHARSET', 'utf8mb4' );
define( 'DB_COLLATE', '' );

Копирование файлов WordPress

# Копирование файлов
sudo cp -av /tmp/wordpress/* /var/www/yourdomain.com/

# Установка правильных прав доступа
sudo chown -R www-data:www-data /var/www/yourdomain.com/
sudo chmod -R 755 /var/www/yourdomain.com/

# Удаление временных файлов
rm -rf /tmp/wordpress*

6. Установка SSL-сертификата Let’s Encrypt

Установка Certbot

sudo apt install python3-acme python3-certbot python3-certbot-nginx -y

Получение SSL-сертификата

sudo certbot --nginx -d yourdomain.com -d www.yourdomain.com

Certbot автоматически:

  • Получит сертификат
  • Обновит конфигурацию Nginx
  • Настроит автоматическое перенаправление с HTTP на HTTPS

Настройка автоматического обновления

# Тест обновления
sudo certbot renew --dry-run

# Создание cron задачи
echo "0 12 * * * /usr/bin/certbot renew --quiet" | sudo crontab -

7. Настройка Firewall (UFW)

Установка и настройка UFW

# Установка UFW
sudo apt install ufw -y

# Настройка правил
sudo ufw default deny incoming
sudo ufw default allow outgoing

# Открытие необходимых портов
sudo ufw allow 22500/tcp comment 'SSH port 22500'
sudo ufw allow 80/tcp comment 'HTTP'
sudo ufw allow 443/tcp comment 'HTTPS'

# Активация firewall
sudo ufw enable

# Проверка статуса
sudo ufw status verbose

8. Завершение установки WordPress

Доступ к веб-интерфейсу

Откройте браузер и перейдите по адресу: https://yourdomain.com

Заполнение формы установки WordPress

  1. Название сайта: ваше название
  2. Имя пользователя: admin (или другое)
  3. Пароль: создайте сильный пароль
  4. Email: ваш email адрес
  5. Приватность: снимите галочку для продакшн сайта

9. Оптимизация и безопасность

Настройка PHP OpCache

opcache.enable=1
opcache.memory_consumption=256
opcache.interned_strings_buffer=8
opcache.max_accelerated_files=10000
opcache.revalidate_freq=2
opcache.save_comments=1

Настройка логов Nginx

# Создание директории для логов
sudo mkdir -p /var/log/nginx/

# Ротация логов
sudo nano /etc/logrotate.d/nginx

Дополнительная безопасность в wp-config.php

// Отключение редактирования файлов из админки
define('DISALLOW_FILE_EDIT', true);

// Ограничение ревизий постов
define('WP_POST_REVISIONS', 3);

// Автоматическое удаление корзины
define('EMPTY_TRASH_DAYS', 30);

// Отключение отладки в продакшене
define('WP_DEBUG', false);

10. Проверка работоспособности

Команды для диагностики

# Проверка статуса сервисов
sudo systemctl status nginx
sudo systemctl status php8.4-fpm
sudo systemctl status mariadb

# Проверка PHP версии
php -v

# Проверка конфигурации Nginx
sudo nginx -t

# Проверка портов
sudo netstat -tlnp | grep -E "(80|443|3306)"

# Проверка SSL сертификата
sudo certbot certificates

Тест производительности

# Установка утилит для тестирования
sudo apt install apache2-utils -y

# Простой тест нагрузки
ab -n 100 -c 10 https://yourdomain.com/

Заключение

Вы успешно установили WordPress с Nginx и PHP 8.4 на Debian 12. Ваш сайт теперь работает с современными технологиями, имеет SSL-сертификат и базовую защиту.

Что дальше:

  • Установите необходимые плагины WordPress
  • Настройте резервное копирование
  • Рассмотрите установку CDN
  • Настройте мониторинг сервера

Полезные команды для обслуживания:

# Обновление системы
sudo apt update && sudo apt upgrade

# Перезапуск сервисов
sudo systemctl restart nginx php8.4-fpm mariadb

# Проверка логов
sudo tail -f /var/log/nginx/yourdomain.com_error.log

Ваш WordPress сайт готов к работе!

Как редактировать robots.txt через Yoast SEO?

Файл robots.txt — это важный инструмент для управления поведением поисковых роботов на вашем сайте WordPress. Если вы используете плагин Yoast SEO, у вас есть удобная возможность создавать и редактировать этот файл прямо из административной панели WordPress. В этом руководстве мы подробно разберем, как это сделать правильно.

Что такое robots.txt и зачем он нужен

Файл robots.txt — это текстовый файл, который сообщает поисковым роботам (таким как Googlebot, Yandex Bot), какие страницы и разделы вашего сайта они могут индексировать, а какие — нет. Правильно настроенный robots.txt помогает:

  • Экономить краулинговый бюджет поисковых систем
  • Ускорять индексацию важных страниц
  • Скрывать служебные разделы сайта от индексации
  • Указывать местоположение XML-карты сайта

Стандартные настройки robots.txt в WordPress и Yoast SEO

WordPress по умолчанию создает виртуальный robots.txt со следующим содержимым:

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php

Yoast SEO заменяет стандартные настройки WordPress на более оптимизированные:

# START YOAST BLOCK
# ---------------------------
User-agent: *
Disallow:

Sitemap: https://www.example.com/sitemap_index.xml
# ---------------------------
# END YOAST BLOCK

Основные отличия Yoast SEO версии:

  • Разрешает индексацию всех разделов сайта (пустая директива Disallow)
  • Автоматически добавляет ссылку на XML-карту сайта
  • Оптимизирован для лучшего SEO-продвижения

Пошаговая инструкция: Как создать robots.txt через Yoast SEO

Шаг 1: Войдите в административную панель WordPress

Авторизуйтесь в своем WordPress сайте и перейдите в Консоль (Dashboard).

Шаг 2: Откройте настройки Yoast SEO

В левом меню найдите пункт «Yoast SEO» и кликните по нему.

Шаг 3: Перейдите в раздел «Инструменты»

В меню Yoast SEO выберите пункт «Tools» (Инструменты).

Шаг 4: Откройте редактор файлов

Найдите и кликните на «File Editor» (Редактор файлов).

Важно: Если этот пункт меню не отображается, значит в WordPress отключено редактирование файлов. В этом случае используйте альтернативный способ через FTP.

Шаг 5: Создайте файл robots.txt

Нажмите кнопку «Create robots.txt file» (Создать файл robots.txt).

Шаг 6: Редактируйте содержимое файла

После создания файла вы увидите стандартные директивы от Yoast SEO. Здесь вы можете:

  • Просмотреть текущие настройки
  • Добавить собственные правила
  • Изменить существующие директивы

Рекомендуемое содержимое robots.txt для WordPress

Вот оптимизированный пример robots.txt файла для большинства WordPress сайтов:

User-agent: *
Disallow: /wp-admin/
Allow: /wp-admin/admin-ajax.php
Disallow: /wp-includes/
Disallow: /wp-content/plugins/
Disallow: /wp-content/themes/
Disallow: /?s=
Disallow: /search/
Disallow: /author/

Sitemap: https://ваш-сайт.ru/sitemap_index.xml

Проверка правильности настройки robots.txt

1. Прямая проверка

Перейдите по адресу ваш-сайт.ru/robots.txt и убедитесь, что файл загружается и содержит корректные директивы.

2. Google Search Console

Используйте инструмент «Тестирование robots.txt» в Google Search Console для проверки синтаксиса и логики файла.

3. Yandex.Webmaster

Аналогичный инструмент доступен в Яндекс.Вебмастере для проверки корректности настроек.

Заключение

Правильная настройка robots.txt через Yoast SEO — это простой, но важный шаг для оптимизации SEO вашего WordPress сайта. Плагин Yoast SEO значительно упрощает этот процесс, предоставляя удобный интерфейс для создания и редактирования файла прямо из административной панели.

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

Регулярно проверяйте и обновляйте свой robots.txt файл в соответствии с изменениями структуры сайта и SEO-стратегии.

Как удалить неразрывные пробелы ( ) из всех постов WordPress через SQL?

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

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

Что такое   и откуда он берется?

&nbsp; — это HTML-сущность неразрывного пробела (non-breaking space). Он предотвращает перенос строки в месте пробела, что иногда полезно, но чаще всего появляется там, где не нужен:

  • При копировании контента из Microsoft Word
  • После импорта из других CMS
  • При работе с некоторыми визуальными редакторами
  • После автоматического перевода или обработки текста

Простое решение одним запросом

Самый быстрый способ избавиться от всех &nbsp; в базе данных WordPress:

UPDATE wp_posts 
SET post_content = REPLACE(post_content, '&nbsp;', ' ') 
WHERE post_content LIKE '%&nbsp;%';

Этот запрос:

  • Находит все записи, содержащие &nbsp;
  • Заменяет их на обычные пробелы
  • Обрабатывает все типы контента (посты, страницы, кастомные типы)

Ограничиваем область действия

Если нужно обработать только определенные типы контента:

Только опубликованные посты:

UPDATE wp_posts 
SET post_content = REPLACE(post_content, '&nbsp;', ' ') 
WHERE post_content LIKE '%&nbsp;%'
AND post_status = 'publish'
AND post_type = 'post';

Только страницы:

UPDATE wp_posts 
SET post_content = REPLACE(post_content, '&nbsp;', ' ') 
WHERE post_content LIKE '%&nbsp;%'
AND post_type = 'page';

Обязательные меры предосторожности

Создайте резервную копию! Перед выполнением любых UPDATE-запросов.

Как перейти с reCAPTCHA на Cloudflare Turnstile в Contact Form 7?

Contact Form 7 теперь рекомендует использовать Cloudflare Turnstile вместо Google reCAPTCHA для защиты форм от спама. Turnstile работает быстрее, меньше раздражает пользователей и лучше защищает приватность. В этом гайде покажу, как быстро настроить переход.

Что такое Cloudflare Turnstile?

Turnstile — это современная альтернатива reCAPTCHA от Cloudflare. Основные преимущества:

  • Быстрее работает — меньше времени на проверку
  • Меньше капч — реже показывает пазлы пользователям
  • Лучше приватность — не отслеживает пользователей как Google
  • Бесплатно — до 1 миллиона запросов в месяц
  • Проще интеграция — минимум настроек
image 1 - Как перейти с reCAPTCHA на Cloudflare Turnstile в Contact Form 7?

Шаг 1: Получаем ключи Turnstile

  1. Переходим на Cloudflare Dashboard
  2. Логинимся или регистрируемся (бесплатно)
  3. В левом меню выбираем Turnstile
  4. Нажимаем Add site

Настройки сайта:

  • Site name — любое название (например, «Мой сайт»)
  • Domain — ваш домен без протокола (например: example.com)
  • Widget Mode — оставляем Managed (рекомендуется)
  1. Нажимаем Create
  2. Копируем Site Key и Secret Key — они понадобятся для WordPress

Шаг 2: Настраиваем Contact Form 7

Устанавливаем поддержку Turnstile

Contact Form 7 поддерживает Turnstile начиная с версии 5.7. Убедитесь, что плагин обновлен до последней версии.

Добавляем ключи в WordPress

  1. Идем в Контакты → Интеграция
  2. Находим секцию Cloudflare Turnstile
  3. Вставляем полученные ключи:
    • Site Key — публичный ключ
    • Secret Key — секретный ключ
  4. Сохраняем настройки

Шаг 3: Добавляем Turnstile в формы

В редакторе формы

  1. Открываем нужную форму в Контакты → Контактные формы
  2. В коде формы добавляем тег Turnstile:
[turnstile]

Полный пример формы:

<label> Ваше имя
    [text* your-name] </label>

<label> Ваш email
    [email* your-email] </label>

<label> Сообщение
    [textarea your-message] </label>

[turnstile]

[submit "Отправить"]

В шаблоне письма

Turnstile автоматически проверяется перед отправкой. Дополнительных настроек в шаблоне письма не требуется.

Шаг 4: Тестируем работу

  1. Сохраняем форму
  2. Открываем страницу с формой на сайте
  3. Проверяем, что появился виджет Turnstile
  4. Заполняем форму и отправляем тестовое сообщение
  5. Убеждаемся, что письмо приходит

Языковые настройки

По умолчанию Turnstile определяет язык автоматически. Для принудительной установки русского:

[turnstile language:ru]

Мониторинг в Cloudflare

После настройки можно отслеживать статистику:

  1. Заходим в Cloudflare Dashboard
  2. Открываем Turnstile
  3. Выбираем свой сайт
  4. Смотрим статистику запросов, блокировок и производительности

Устранение проблем

Turnstile не отображается

  • Проверьте правильность Site Key
  • Убедитесь, что домен совпадает с настройками в Cloudflare
  • Очистите кеш сайта и браузера

Форма не отправляется

  • Проверьте Secret Key
  • Убедитесь, что Contact Form 7 обновлен
  • Проверьте консоль браузера на ошибки JavaScript

Ошибка валидации

  • Проверьте, что оба ключа введены правильно
  • Убедитесь, что не превышен лимит запросов (1M в месяц на бесплатном тарифе)

Заключение

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

Рекомендую протестировать Turnstile на тестовом сайте перед переносом на основной. После успешного перехода не забудьте удалить настройки старой reCAPTCHA.