ಕನ್ನಡ

ಸುಧಾರಿತ SEO, ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಹಂಚಿಕೆ ಮತ್ತು ಉತ್ತಮ ಬಳಕೆದಾರ ಅನುಭವಕ್ಕಾಗಿ Next.js ಮೆಟಾಡೇಟಾ API ಅನ್ನು ಕರಗತ ಮಾಡಿಕೊಳ್ಳಿ. ಅತ್ಯುತ್ತಮ ಕಾರ್ಯಕ್ಷಮತೆಗಾಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ಡೈನಾಮಿಕ್ ಆಗಿ ನಿರ್ವಹಿಸುವುದು ಹೇಗೆ ಎಂದು ತಿಳಿಯಿರಿ.

Next.js ಮೆಟಾಡೇಟಾ API: SEO ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಆಪ್ಟಿಮೈಸೇಶನ್‌ಗಾಗಿ ಅಂತಿಮ ಮಾರ್ಗದರ್ಶಿ

ಇಂದಿನ ಸ್ಪರ್ಧಾತ್ಮಕ ಡಿಜಿಟಲ್ ಜಗತ್ತಿನಲ್ಲಿ, ಯಶಸ್ಸಿಗೆ ಬಲವಾದ ಆನ್‌ಲೈನ್ ಉಪಸ್ಥಿತಿ ಅತ್ಯಗತ್ಯ. ಸರ್ಚ್ ಇಂಜಿನ್ ಆಪ್ಟಿಮೈಸೇಶನ್ (SEO) ಮತ್ತು ಪರಿಣಾಮಕಾರಿ ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಹಂಚಿಕೆ ಯಾವುದೇ ಯಶಸ್ವಿ ಆನ್‌ಲೈನ್ ಕಾರ್ಯತಂತ್ರದ ಪ್ರಮುಖ ಅಂಶಗಳಾಗಿವೆ. Next.js, ಒಂದು ಜನಪ್ರಿಯ ರಿಯಾಕ್ಟ್ ಫ್ರೇಮ್‌ವರ್ಕ್, ಒಂದು ಶಕ್ತಿಶಾಲಿ ಮೆಟಾಡೇಟಾ API ಅನ್ನು ಒದಗಿಸುತ್ತದೆ. ಇದು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಡೈನಾಮಿಕ್ ಆಗಿ ನಿರ್ವಹಿಸಲು ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳು ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಿಗಾಗಿ ತಮ್ಮ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಈ ಸಮಗ್ರ ಮಾರ್ಗದರ್ಶಿ Next.js ಮೆಟಾಡೇಟಾ API ಅನ್ನು ಅದರ ವೈಶಿಷ್ಟ್ಯಗಳು, ಪ್ರಯೋಜನಗಳು ಮತ್ತು ಪ್ರಾಯೋಗಿಕ ಅನುಷ್ಠಾನವನ್ನು ಒಳಗೊಂಡಂತೆ ವಿವರವಾಗಿ ಅನ್ವೇಷಿಸುತ್ತದೆ.

Next.js ಮೆಟಾಡೇಟಾ API ಎಂದರೇನು?

Next.js ಮೆಟಾಡೇಟಾ API ಒಂದು ಅಂತರ್ನಿರ್ಮಿತ ವೈಶಿಷ್ಟ್ಯವಾಗಿದ್ದು, ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ನಿರ್ವಹಿಸುವ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸರಳಗೊಳಿಸುತ್ತದೆ. ಮೆಟಾಡೇಟಾ ಎಂದರೆ ಡೇಟಾದ ಬಗ್ಗೆ ಡೇಟಾ, ಮತ್ತು ವೆಬ್ ಅಭಿವೃದ್ಧಿಯ ಸಂದರ್ಭದಲ್ಲಿ, ಇದು ಒಂದು ವೆಬ್‌ಪುಟವನ್ನು ವಿವರಿಸುವ ಮಾಹಿತಿಯನ್ನು ಸೂಚಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಅದರ ಶೀರ್ಷಿಕೆ, ವಿವರಣೆ, ಕೀವರ್ಡ್‌ಗಳು ಮತ್ತು ಲೇಖಕ. ಈ ಮಾಹಿತಿಯನ್ನು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳು ಪುಟದ ವಿಷಯವನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಪುಟವನ್ನು ಹಂಚಿಕೊಂಡಾಗ ಪೂರ್ವವೀಕ್ಷಣೆಗಳನ್ನು ರಚಿಸಲು ಬಳಸುತ್ತವೆ.

ಸಾಂಪ್ರದಾಯಿಕವಾಗಿ, ಮೆಟಾಡೇಟಾವನ್ನು ನಿರ್ವಹಿಸುವುದು ಪ್ರತಿ HTML ಪುಟದ <head> ವಿಭಾಗಕ್ಕೆ ಕೈಯಾರೆ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಸೇರಿಸುವುದನ್ನು ಒಳಗೊಂಡಿತ್ತು. ಈ ಪ್ರಕ್ರಿಯೆಯು ಬೇಸರದ ಮತ್ತು ದೋಷಪೂರಿತವಾಗಿತ್ತು, ವಿಶೇಷವಾಗಿ ಅನೇಕ ಪುಟಗಳನ್ನು ಹೊಂದಿರುವ ದೊಡ್ಡ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ. Next.js ಮೆಟಾಡೇಟಾ API ಈ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸುಗಮಗೊಳಿಸುತ್ತದೆ. ಇದು ಡೆವಲಪರ್‌ಗಳಿಗೆ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಥವಾ ಟೈಪ್‌ಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ, ನೇರವಾಗಿ ತಮ್ಮ Next.js ಕಾಂಪೊನೆಂಟ್‌ಗಳಲ್ಲಿ ಪ್ರೋಗ್ರಾಮಿಕ್ ಆಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಈ ವಿಧಾನವು ಸುಧಾರಿತ ನಿರ್ವಹಣೆ, ಡೈನಾಮಿಕ್ ಮೆಟಾಡೇಟಾ ಉತ್ಪಾದನೆ ಮತ್ತು ವರ್ಧಿತ SEO ಕಾರ್ಯಕ್ಷಮತೆ ಸೇರಿದಂತೆ ಹಲವಾರು ಪ್ರಯೋಜನಗಳನ್ನು ನೀಡುತ್ತದೆ.

ಮೆಟಾಡೇಟಾ ಏಕೆ ಮುಖ್ಯ?

ಮೆಟಾಡೇಟಾವು SEO ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಆಪ್ಟಿಮೈಸೇಶನ್‌ನಲ್ಲಿ ನಿರ್ಣಾಯಕ ಪಾತ್ರವನ್ನು ವಹಿಸುತ್ತದೆ. ಅದರ ಪ್ರಾಮುಖ್ಯತೆಯ ವಿಭಜನೆ ಇಲ್ಲಿದೆ:

SEO (ಸರ್ಚ್ ಇಂಜಿನ್ ಆಪ್ಟಿಮೈಸೇಶನ್)

ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಆಪ್ಟಿಮೈಸೇಶನ್

Next.js ಮೆಟಾಡೇಟಾ API ಬಳಸುವುದರ ಪ್ರಯೋಜನಗಳು

Next.js ಮೆಟಾಡೇಟಾ API ಡೆವಲಪರ್‌ಗಳು ಮತ್ತು ವೆಬ್‌ಸೈಟ್ ಮಾಲೀಕರಿಗೆ ಹಲವಾರು ಪ್ರಮುಖ ಪ್ರಯೋಜನಗಳನ್ನು ನೀಡುತ್ತದೆ:

Next.js ಮೆಟಾಡೇಟಾ API ಅನ್ನು ಹೇಗೆ ಬಳಸುವುದು

Next.js ಮೆಟಾಡೇಟಾ API ಅನ್ನು ಎರಡು ಪ್ರಾಥಮಿಕ ವಿಧಾನಗಳಲ್ಲಿ ಬಳಸಬಹುದು: metadata ಆಬ್ಜೆಕ್ಟ್ ಬಳಸಿ ಅಥವಾ generateMetadata ಫಂಕ್ಷನ್ ಬಳಸಿ.

1. metadata ಆಬ್ಜೆಕ್ಟ್ ಬಳಸುವುದು

ಮೆಟಾಡೇಟಾವನ್ನು ಸೇರಿಸುವ ಸರಳ ಮಾರ್ಗವೆಂದರೆ ನಿಮ್ಮ ಪುಟ ಅಥವಾ ಲೇಔಟ್ ಕಾಂಪೊನೆಂಟ್‌ನಿಂದ metadata ಆಬ್ಜೆಕ್ಟ್ ಅನ್ನು ರಫ್ತು ಮಾಡುವುದು. ಈ ಆಬ್ಜೆಕ್ಟ್ ಪುಟದ ಮೆಟಾಡೇಟಾವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುವ ವಿವಿಧ ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಒಳಗೊಂಡಿರಬಹುದು.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  title: 'My Awesome Blog Post',
  description: 'A detailed exploration of a fascinating topic.',
  keywords: ['blog', 'post', 'javascript', 'nextjs'],
}

export default function Page() {
  return (
    <div>
      <h1>My Awesome Blog Post</h1>
      <p>This is the content of my blog post.</p>
    </div>
  )
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಪುಟಕ್ಕಾಗಿ title, description, ಮತ್ತು keywords ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಿದ್ದೇವೆ. Next.js ಈ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ HTML ಪುಟದ <head> ವಿಭಾಗಕ್ಕೆ ಸೇರಿಸುತ್ತದೆ.

2. generateMetadata ಫಂಕ್ಷನ್ ಬಳಸುವುದು

API ನಿಂದ ಪಡೆದ ಡೇಟಾವನ್ನು ಆಧರಿಸಿ ಡೈನಾಮಿಕ್ ಆಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ಉತ್ಪಾದಿಸುವಂತಹ ಹೆಚ್ಚು ಸಂಕೀರ್ಣ ಸನ್ನಿವೇಶಗಳಿಗಾಗಿ, ನೀವು generateMetadata ಫಂಕ್ಷನ್ ಅನ್ನು ಬಳಸಬಹುದು. ಈ ಫಂಕ್ಷನ್ ನಿಮಗೆ ಡೇಟಾವನ್ನು ಪಡೆಯಲು ಮತ್ತು ಅದನ್ನು ಮೆಟಾಡೇಟಾ ಆಬ್ಜೆಕ್ಟ್ ರಚಿಸಲು ಬಳಸಲು ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

// app/blog/[slug]/page.js

export async function generateMetadata({ params, searchParams }, parent) {
  // read route params
  const slug = params.slug

  // fetch data directly
  const post = await fetch(`https://.../posts/${slug}`).then((res) => res.json())

  // Or alternatively use the exported metadata fields as variables
  // const previousImages = (await parent).openGraph?.images || []

  return {
    title: post.title,
    description: post.excerpt,
    openGraph: {
      images: [`https://.../posts/${slug}/og.png`],
    },
  }
}

export default async function Page({ params }) {
  const slug = params.slug
  const post = await fetch(`https://.../posts/${slug}`).then((res) => res.json())
  return (
    <div>
      <h1>{post.title}</h1>
      <p>{post.content}</p>
    </div>
  )
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, generateMetadata ಫಂಕ್ಷನ್ slug ಪ್ಯಾರಾಮೀಟರ್ ಆಧರಿಸಿ API ನಿಂದ ಬ್ಲಾಗ್ ಪೋಸ್ಟ್ ಕುರಿತು ಡೇಟಾವನ್ನು ಪಡೆಯುತ್ತದೆ. ನಂತರ ಅದು ಈ ಡೇಟಾವನ್ನು title, description, ಮತ್ತು openGraph ಮೆಟಾಡೇಟಾವನ್ನು ರಚಿಸಲು ಬಳಸುತ್ತದೆ. openGraph ಮೆಟಾಡೇಟಾವನ್ನು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಲಿಂಕ್ ಪೂರ್ವವೀಕ್ಷಣೆಗಳನ್ನು ರಚಿಸಲು ಬಳಸುತ್ತವೆ.

ಮೆಟಾಡೇಟಾ ಪ್ರಾಪರ್ಟಿಗಳು

Next.js ಮೆಟಾಡೇಟಾ API ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗಾಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಬಳಸಬಹುದಾದ ವ್ಯಾಪಕ ಶ್ರೇಣಿಯ ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ. ಇಲ್ಲಿ ಸಾಮಾನ್ಯವಾಗಿ ಬಳಸುವ ಕೆಲವು ಪ್ರಾಪರ್ಟಿಗಳಿವೆ:

ಓಪನ್ ಗ್ರಾಫ್ ಮೆಟಾಡೇಟಾ

ಓಪನ್ ಗ್ರಾಫ್ (OG) ಮೆಟಾಡೇಟಾವು ಒಂದು ಪ್ರೋಟೋಕಾಲ್ ಆಗಿದ್ದು, ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಲ್ಲಿ ಹಂಚಿಕೊಂಡಾಗ ನಿಮ್ಮ ವೆಬ್‌ಪುಟಗಳನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. Next.js ಮೆಟಾಡೇಟಾ API ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗೆ ಓಪನ್ ಗ್ರಾಫ್ ಮೆಟಾಡೇಟಾವನ್ನು ಸೇರಿಸುವುದನ್ನು ಸುಲಭಗೊಳಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  title: 'My Awesome Blog Post',
  description: 'A detailed exploration of a fascinating topic.',
  openGraph: {
    title: 'My Awesome Blog Post',
    description: 'A detailed exploration of a fascinating topic.',
    url: 'https://example.com/blog/my-awesome-blog-post',
    siteName: 'Example Website',
    images: [
      {
        url: 'https://example.com/images/blog-post.jpg',
        width: 800,
        height: 600,
        alt: 'My Awesome Blog Post Image',
      },
    ],
    type: 'article',
  },
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಓಪನ್ ಗ್ರಾಫ್ ಮೆಟಾಡೇಟಾಕ್ಕಾಗಿ title, description, url, siteName, images, ಮತ್ತು type ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಿದ್ದೇವೆ. ಪುಟವನ್ನು ಹಂಚಿಕೊಂಡಾಗ ಲಿಂಕ್ ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ರಚಿಸಲು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಈ ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಬಳಸುತ್ತವೆ.

ಪ್ರಮುಖ ಓಪನ್ ಗ್ರಾಫ್ ಪ್ರಾಪರ್ಟಿಗಳು:

ಟ್ವಿಟರ್ ಮೆಟಾಡೇಟಾ

ಟ್ವಿಟರ್ ತನ್ನದೇ ಆದ ಮೆಟಾಡೇಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಹೊಂದಿದೆ, ಇದನ್ನು ನೀವು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ನಲ್ಲಿ ನಿಮ್ಮ ವೆಬ್‌ಪುಟಗಳನ್ನು ಹೇಗೆ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಲು ಬಳಸಬಹುದು. Next.js ಮೆಟಾಡೇಟಾ API ನಿಮ್ಮ ವೆಬ್ ಪುಟಗಳಿಗೆ ಟ್ವಿಟರ್-ನಿರ್ದಿಷ್ಟ ಮೆಟಾಡೇಟಾವನ್ನು ಸೇರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  title: 'My Awesome Blog Post',
  description: 'A detailed exploration of a fascinating topic.',
  twitter: {
    card: 'summary_large_image',
    title: 'My Awesome Blog Post',
    description: 'A detailed exploration of a fascinating topic.',
    site: '@example',
    creator: '@example',
    images: [
      {
        url: 'https://example.com/images/blog-post.jpg',
        alt: 'My Awesome Blog Post Image',
      },
    ],
  },
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಟ್ವಿಟರ್ ಮೆಟಾಡೇಟಾಕ್ಕಾಗಿ card, title, description, site, creator, ಮತ್ತು images ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಿದ್ದೇವೆ. ಪುಟವನ್ನು ಹಂಚಿಕೊಂಡಾಗ ಕಾರ್ಡ್ ರಚಿಸಲು ಟ್ವಿಟರ್ ಈ ಪ್ರಾಪರ್ಟಿಗಳನ್ನು ಬಳಸುತ್ತದೆ.

ಪ್ರಮುಖ ಟ್ವಿಟರ್ ಪ್ರಾಪರ್ಟಿಗಳು:

Next.js ಮೆಟಾಡೇಟಾ API ಬಳಸಲು ಉತ್ತಮ ಅಭ್ಯಾಸಗಳು

Next.js ಮೆಟಾಡೇಟಾ API ನಿಂದ ಹೆಚ್ಚಿನದನ್ನು ಪಡೆಯಲು, ಈ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸಿ:

ಸುಧಾರಿತ ತಂತ್ರಗಳು

ಮೂಲಭೂತಗಳ ಆಚೆಗೆ, Next.js ಮೆಟಾಡೇಟಾ API ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಮೆಟಾಡೇಟಾವನ್ನು ಆಪ್ಟಿಮೈಜ್ ಮಾಡಲು ಹಲವಾರು ಸುಧಾರಿತ ತಂತ್ರಗಳನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ:

1. robots ಟ್ಯಾಗ್ ಬಳಸುವುದು

robots ಮೆಟಾ ಟ್ಯಾಗ್ ಸರ್ಚ್ ಇಂಜಿನ್ ಕ್ರಾಳರ್‌ಗಳು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನಲ್ಲಿನ ಲಿಂಕ್‌ಗಳನ್ನು ಹೇಗೆ ಸೂಚಿಕೆ ಮಾಡಬೇಕು ಮತ್ತು ಅನುಸರಿಸಬೇಕು ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ. ಕೆಲವು ಪುಟಗಳನ್ನು ಸೂಚಿಕೆ ಮಾಡುವುದನ್ನು ತಡೆಯಲು, ಅಥವಾ ಪುಟದಲ್ಲಿನ ಲಿಂಕ್‌ಗಳನ್ನು ಅನುಸರಿಸುವುದನ್ನು ತಡೆಯಲು ನೀವು ಈ ಟ್ಯಾಗ್ ಅನ್ನು ಬಳಸಬಹುದು.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  robots: {
    index: false,
    follow: true,
    nocache: true,
    googleBot: {
      index: true,
      follow: false,
      noimageindex: true,
      'max-video-preview': -1,
      'max-image-preview': 'large',
      'max-snippet': -1,
    },
  },
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳಿಗೆ ಪುಟವನ್ನು ಸೂಚಿಕೆ ಮಾಡದಂತೆ, ಆದರೆ ಪುಟದಲ್ಲಿನ ಲಿಂಕ್‌ಗಳನ್ನು ಅನುಸರಿಸುವಂತೆ ಹೇಳುತ್ತಿದ್ದೇವೆ. ನಾವು Googlebot ಕ್ರಾಳರ್‌ಗೆ ನಿರ್ದಿಷ್ಟ ಸೂಚನೆಗಳನ್ನು ಸಹ ಒದಗಿಸುತ್ತಿದ್ದೇವೆ.

2. alternates ಟ್ಯಾಗ್ ಬಳಸುವುದು

alternates ಮೆಟಾ ಟ್ಯಾಗ್ ವೆಬ್‌ಪುಟದ ಪರ್ಯಾಯ ಆವೃತ್ತಿಗಳನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ, ಉದಾಹರಣೆಗೆ ಅನುವಾದಗಳು ಅಥವಾ ವಿಭಿನ್ನ ಸ್ವರೂಪಗಳು. ಇದು ಬಹುಭಾಷಾ ವೆಬ್‌ಸೈಟ್‌ಗಳು ಮತ್ತು ಬಹು ಸ್ವರೂಪಗಳಲ್ಲಿ ವಿಷಯವನ್ನು ನೀಡುವ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ (ಉದಾ., AMP) ಉಪಯುಕ್ತವಾಗಿದೆ.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  alternates: {
    canonical: 'https://example.com/blog/my-awesome-blog-post',
    languages: {
      'en-US': 'https://example.com/en-US/blog/my-awesome-blog-post',
      'fr-FR': 'https://example.com/fr-FR/blog/my-awesome-blog-post',
      'es-ES': 'https://example.com/es-ES/blog/my-awesome-blog-post',
    },
  },
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಪುಟಕ್ಕಾಗಿ ಕ್ಯಾನೊನಿಕಲ್ URL ಅನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತಿದ್ದೇವೆ ಮತ್ತು ಇಂಗ್ಲಿಷ್, ಫ್ರೆಂಚ್ ಮತ್ತು ಸ್ಪ್ಯಾನಿಷ್‌ನಲ್ಲಿ ಪುಟದ ಪರ್ಯಾಯ ಆವೃತ್ತಿಗಳಿಗೆ ಲಿಂಕ್‌ಗಳನ್ನು ಒದಗಿಸುತ್ತಿದ್ದೇವೆ.

3. ವೆಬ್‌ಸೈಟ್ ಮಾಲೀಕತ್ವವನ್ನು ಪರಿಶೀಲಿಸುವುದು

verification ಮೆಟಾ ಟ್ಯಾಗ್ ಗೂಗಲ್ ಸರ್ಚ್ ಕನ್ಸೋಲ್ ಮತ್ತು ಪಿಂಟರೆಸ್ಟ್‌ನಂತಹ ವಿವಿಧ ಸೇವೆಗಳೊಂದಿಗೆ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ ಮಾಲೀಕತ್ವವನ್ನು ಪರಿಶೀಲಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗೆ ಹೆಚ್ಚುವರಿ ವೈಶಿಷ್ಟ್ಯಗಳು ಮತ್ತು ವಿಶ್ಲೇಷಣೆಗಳನ್ನು ಪ್ರವೇಶಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ.

ಉದಾಹರಣೆ:

// app/page.js

export const metadata = {
  verification: {
    google: 'google_search_console_verification_code',
    yandex: 'yandex_webmaster_verification_code',
    yahoo: 'yahoo_site_explorer_verification_code',
    bing: 'bing_webmaster_verification_code',
  },
}

ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು ಗೂಗಲ್ ಸರ್ಚ್ ಕನ್ಸೋಲ್, ಯಾಂಡೆಕ್ಸ್ ವೆಬ್‌ಮಾಸ್ಟರ್, ಯಾಹೂ ಸೈಟ್ ಎಕ್ಸ್‌ಪ್ಲೋರರ್ ಮತ್ತು ಬಿಂಗ್ ವೆಬ್‌ಮಾಸ್ಟರ್‌ಗಾಗಿ ಪರಿಶೀಲನಾ ಕೋಡ್‌ಗಳನ್ನು ಒದಗಿಸುತ್ತಿದ್ದೇವೆ.

ತಪ್ಪಿಸಬೇಕಾದ ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳು

Next.js ಮೆಟಾಡೇಟಾ API ಮೆಟಾಡೇಟಾ ನಿರ್ವಹಣೆಯನ್ನು ಸರಳಗೊಳಿಸಿದರೂ, ನಿಮ್ಮ SEO ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಕಾರ್ಯಕ್ಷಮತೆಯ ಮೇಲೆ ನಕಾರಾತ್ಮಕ ಪರಿಣಾಮ ಬೀರುವ ಸಾಮಾನ್ಯ ತಪ್ಪುಗಳನ್ನು ತಪ್ಪಿಸುವುದು ಅತ್ಯಗತ್ಯ:

ಮೆಟಾಡೇಟಾ ಪರೀಕ್ಷಿಸಲು ಉಪಕರಣಗಳು

ಹಲವಾರು ಉಪಕರಣಗಳು ನಿಮ್ಮ ಮೆಟಾಡೇಟಾವನ್ನು ಪರೀಕ್ಷಿಸಲು ಮತ್ತು ಮೌಲ್ಯೀಕರಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ:

ತೀರ್ಮಾನ

Next.js ಮೆಟಾಡೇಟಾ API ಒಂದು ಶಕ್ತಿಶಾಲಿ ಸಾಧನವಾಗಿದ್ದು, ನಿಮ್ಮ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಿಗಾಗಿ ಮೆಟಾಡೇಟಾವನ್ನು ನಿರ್ವಹಿಸುವ ಪ್ರಕ್ರಿಯೆಯನ್ನು ಸರಳಗೊಳಿಸುತ್ತದೆ. ಈ API ಅನ್ನು ಬಳಸುವ ಮೂಲಕ, ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ನ SEO ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ನೀವು ಸುಧಾರಿಸಬಹುದು, ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಹಂಚಿಕೆಯನ್ನು ಹೆಚ್ಚಿಸಬಹುದು ಮತ್ತು ಉತ್ತಮ ಬಳಕೆದಾರ ಅನುಭವವನ್ನು ಒದಗಿಸಬಹುದು. ಈ ಮಾರ್ಗದರ್ಶಿಯಲ್ಲಿ ವಿವರಿಸಲಾದ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಅನುಸರಿಸುವ ಮೂಲಕ, ನಿಮ್ಮ ಮೆಟಾಡೇಟಾವು ನಿಖರ, ಸಂಬಂಧಿತ ಮತ್ತು ಸರ್ಚ್ ಇಂಜಿನ್‌ಗಳು ಮತ್ತು ಸಾಮಾಜಿಕ ಮಾಧ್ಯಮ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳೆರಡಕ್ಕೂ ಆಪ್ಟಿಮೈಜ್ ಮಾಡಲಾಗಿದೆ ಎಂದು ನೀವು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಬಹುದು. ಇದು ವೈವಿಧ್ಯಮಯ ಜಾಗತಿಕ ಪ್ರೇಕ್ಷಕರಿಗೆ ಸೇವೆ ಸಲ್ಲಿಸುವ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗೆ ನಿರ್ಣಾಯಕವಾಗಿದೆ, ಅಲ್ಲಿ ಸೂಕ್ಷ್ಮ ಸಂವಹನ ಮತ್ತು ಸಾಂಸ್ಕೃತಿಕ ಸಂವೇದನೆ ಆನ್‌ಲೈನ್ ಯಶಸ್ಸಿಗೆ ಪ್ರಮುಖವಾಗಿದೆ. ಮುಂಚೂಣಿಯಲ್ಲಿರಲು ಮತ್ತು ಬಲವಾದ ಆನ್‌ಲೈನ್ ಉಪಸ್ಥಿತಿಯನ್ನು ಕಾಪಾಡಿಕೊಳ್ಳಲು ನಿಮ್ಮ ಮೆಟಾಡೇಟಾವನ್ನು ನಿಯಮಿತವಾಗಿ ಪರೀಕ್ಷಿಸಲು ಮತ್ತು ನವೀಕರಿಸಲು ಮರೆಯದಿರಿ. ವೆಬ್ ವಿಕಸನಗೊಳ್ಳುತ್ತಿದ್ದಂತೆ, ಮೆಟಾಡೇಟಾ ನಿರ್ವಹಣೆಯನ್ನು ಕರಗತ ಮಾಡಿಕೊಳ್ಳುವುದು ಡೆವಲಪರ್‌ಗಳು ಮತ್ತು ವೆಬ್‌ಸೈಟ್ ಮಾಲೀಕರಿಗೆ ಒಂದು ನಿರ್ಣಾಯಕ ಕೌಶಲ್ಯವಾಗಿ ಮುಂದುವರಿಯುತ್ತದೆ.