«Подумайте о том, что пользователь собирается напечатать». — Мэтт Каттс

Что такое Next-Seo?

Next-Seo — это пакет или подключаемый модуль NPM для управления всеми вашими функциями SEO в приложении Next.js. Автор: Гэри Михан

Как установить Next-Seo:

Установите пакет Next-Seo NPM с помощью простой команды

npm command
npm install --save next-seo
yarn command
yarn add next-seo

В плагине Next-Seo есть много настроек Seo, но я описываю каждый используемый веб-сайт.

Основные компоненты конфигурации в SEO:

NextSeo

NextSeo динамически создает атрибуты SEO на уровне страницы при создании страницы.

Примечание.

Это отобразит теги в head для SEO. NextSeo дает вам гораздо больше возможностей, чем вы можете добавить.

Пример:

Next-SEO теперь может задавать JSON-LD как форму структурированных данных.

Что такое JSON-LD?

JSON-LD (обозначение объектов JavaScript для связанных данных) предлагает более простые средства для создания машиночитаемых данных с веб-сайтов для продвижения результатов поиска. Проще говоря, он предоставляет более легко индексируемый контент для поисковых роботов, таких как Googlebot.

Панировочные сухари

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

Пример:

Статья

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

Пример:

Страница часто задаваемых вопросов

Схема часто задаваемых вопросов — это код, который вы размещаете на своем сайте и который сообщает поисковым системам, что это содержание представлено в формате вопросов и ответов.

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

Пример:

Окно поиска ссылок сайта | Поиск Гугл

Окно поиска по дополнительным ссылкам — это поле поиска на странице результатов поиска, и пользователь может искать содержимое непосредственно в окне поиска.

Пример:

Это основные компоненты на каждом веб-сайте, и используйте эти компоненты на своем веб-сайте next.js для целей SEO и сократите свой код.

Справочные ссылки:

NEXT-SEO GITHUB:



GitHub — garmeeh/next-seo: Next SEO — это подключаемый модуль, упрощающий управление SEO в Next.js…
Next-SEO — это подключаемый модуль, упрощающий управление ваш SEO проще в проектах Next.js. github.com



Подробнее об окне поиска дополнительных ссылок ⬇️



Окно поиска дополнительных ссылок | Центр поиска Google | Google Developers
Окно поиска дополнительных ссылок позволяет пользователям искать сайт или приложение со страницы результатов. Подробнее об окне поиска дополнительных ссылок…developers.google.com



Я надеюсь, что эта статья будет полезна для всех вас. подписывайтесь и поддерживайте 💜💜💜

Первоначально опубликовано на https://dhanar98.hashnode.dev.