ShotaroHirose59 / nextjs-dashboard

Learn Next.js
https://nextjs-dashboard-dun-pi-28.vercel.app
0 stars 0 forks source link

Chapter16 Adding Metadata #28

Open ShotaroHirose59 opened 3 months ago

ShotaroHirose59 commented 3 months ago

Metadata is crucial for SEO and shareability. In this chapter, we'll discuss how you can add metadata to your Next.js application. https://nextjs.org/learn/dashboard-app/adding-metadata

Topics

ShotaroHirose59 commented 3 months ago

What is metadata?

Web 開発では、メタデータは Web ページに関する追加の詳細を提供します。メタデータは、ページを訪問するユーザーには表示されません。代わりに、ページの HTML 内 (通常は要素内) に埋め込まれ、舞台裏で動作します。この隠された情報は、Web ページのコンテンツをより深く理解する必要がある検索エンジンやその他のシステムにとって非常に重要です。

Why is metadata important?

メタデータは、Web ページの SEO を強化し、検索エンジンやソーシャル メディア プラットフォームにとって Web ページをよりアクセスしやすく、理解しやすくする上で重要な役割を果たします。適切なメタデータは、検索エンジンが Web ページのインデックスを効果的に作成し、検索結果でのランキングを向上させるのに役立ちます。さらに、Open Graph のようなメタデータにより、ソーシャル メディア上の共有リンクの外観が改善され、コンテンツがユーザーにとってより魅力的で有益なものになります。

Types of metadata

ShotaroHirose59 commented 3 months ago

Adding metadata

favicon.icoとopengraph-image.jpgはappディレクトリ直下に置くとext.js はこれらのファイルを自動的に識別し、favicon および OG 画像として使用する