Курс NextJS. 16. Метаданные приложения / Adding metadata

Описание

Курс NextJS. 16. Метаданные приложения / Adding metadata

Добавляем метаданные в наше приложения Next.js
1. Разобрались в назначении и роли метаданных (metadata) для SEO
2. Узнали о различных типах метаданных
3. Добавили изображения Open Graph средствами Metadata
4. Добавили favicon с помощью metadata
5. Применили title.template для гибкой настройки заголовков страниц приложения
6. Протестировали проект в эксплуатационном варианте

Презентацию можно скачать здесь:
https://dmpsy.club/references/NextJS/lesson_016_adding_metadata_rus.pdf

Ссылка на GitHub:
https://github.com/DmitryMakar/nextjs-lesson-016.git

Поддержать автора: https://www.donationalerts.com/r/dmitrymak

Хронометраж

0:00:00 Введение
0:00:25 Целевая аудитория
0:00:48 План работы
0:03:35 Назначение и важность метаданных для эффективного SEO
0:05:07 Типы метаданных
0:06:54 Способы добавления метаданных в приложение Next.js
0:11:33 Добавляем изображения Open Graph и favicon
0:14:09 Добавляем метаданные title и description
0:19:49 Тестируем проект
0:24:58 Полезные ссылки
0:25:57 Подведем итоги

Timing

0:00:00 Introduction
0:00:25 Target audience
0:00:48 Agenda
0:03:35 What is metadata and why is it important?
0:05:07 Metadata types
0:06:54 Adding metadata to a Next.js app
0:11:33 Favicon and Open Graph images
0:14:09 Page title and description
0:19:49 Testing the project
0:24:58 Useful links
0:25:57 Summary & Closing comments

Adding Metadata to our Next.js app
1. Understood the purpose and role of metadata for SEO
2. Learned about the various metadata types
3. Added Open Graph images using Metadata
4. Added a favicon using metadata
5. Applied title.template for flexible customization of app page titles
6. Tested the project in production

The presentation can be downloaded here:
https://dmpsy.club/references/NextJS/lesson_016_adding_metadata_rus.pdf

GitHub link:
https://github.com/DmitryMakar/nextjs-lesson-016.git

Donate the author: https://www.donationalerts.com/r/dmitrymak