Описание страницы в Nuxt

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

Функция useSeoMeta принимает несколько полей. Заголовок мы уже задавали через title. Теперь добавим описание в тот же вызов:

<script setup>
	useSeoMeta({
		title: 'Users',
		description: 'User list',
	});
</script>
<template>
	<p>
		User list.
	</p>
</template>

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

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

Добавьте метаописание на английском к странице /about.

Задайте заголовок и описание для страницы /delivery.