தமிழ்

மேம்பட்ட SEO, சமூக ஊடகப் பகிர்வு மற்றும் சிறந்த பயனர் அனுபவத்திற்காக நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐக் கற்றுக்கொள்ளுங்கள். உகந்த செயல்திறனுக்காக மெட்டாடேட்டாவை டைனமிக்காக நிர்வகிக்க அறியுங்கள்.

நெக்ஸ்ட்.js மெட்டாடேட்டா API: SEO மற்றும் சமூக ஊடக மேம்படுத்தலுக்கான முழுமையான வழிகாட்டி

இன்றைய போட்டி நிறைந்த டிஜிட்டல் உலகில், வலுவான ஆன்லைன் இருப்பு வெற்றிக்கு அவசியமானது. தேடுபொறி மேம்படுத்தல் (SEO) மற்றும் பயனுள்ள சமூக ஊடகப் பகிர்வு ஆகியவை எந்தவொரு வெற்றிகரமான ஆன்லைன் உத்தியின் முக்கிய கூறுகளாகும். நெக்ஸ்ட்.js, ஒரு பிரபலமான ரியாக்ட் கட்டமைப்பு, ஒரு சக்திவாய்ந்த மெட்டாடேட்டா API-ஐ வழங்குகிறது, இது டெவலப்பர்களுக்கு மெட்டா குறிச்சொற்களை டைனமிக்காக நிர்வகிக்கவும், தேடுபொறிகள் மற்றும் சமூக ஊடக தளங்கள் இரண்டிற்கும் தங்கள் வலைப் பயன்பாடுகளை மேம்படுத்தவும் அனுமதிக்கிறது. இந்த விரிவான வழிகாட்டி நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐ அதன் அம்சங்கள், நன்மைகள் மற்றும் நடைமுறைச் செயல்படுத்தல் உட்பட விரிவாக ஆராயும்.

நெக்ஸ்ட்.js மெட்டாடேட்டா API என்றால் என்ன?

நெக்ஸ்ட்.js மெட்டாடேட்டா API என்பது உங்கள் வலைப்பக்கங்களுக்கான மெட்டாடேட்டாவை நிர்வகிக்கும் செயல்முறையை எளிதாக்கும் ஒரு உள்ளமைக்கப்பட்ட அம்சமாகும். மெட்டாடேட்டா என்பது தரவைப் பற்றிய தரவு, மற்றும் வலை மேம்பாட்டின் சூழலில், இது ஒரு வலைப்பக்கத்தை விவரிக்கும் தகவல்களைக் குறிக்கிறது, அதாவது அதன் தலைப்பு, விளக்கம், முக்கிய வார்த்தைகள் மற்றும் ஆசிரியர். இந்தத் தகவல் தேடுபொறிகளால் ஒரு பக்கத்தின் உள்ளடக்கத்தைப் புரிந்துகொள்ளவும், ஒரு பக்கம் பகிரப்படும்போது முன்னோட்டங்களை உருவாக்க சமூக ஊடக தளங்களாலும் பயன்படுத்தப்படுகிறது.

பாரம்பரியமாக, மெட்டாடேட்டாவை நிர்வகிப்பது என்பது ஒவ்வொரு HTML பக்கத்தின் <head> பிரிவில் மெட்டா குறிச்சொற்களை கைமுறையாகச் சேர்ப்பதாகும். இந்த செயல்முறை சலிப்பானது மற்றும் பிழைகள் ஏற்படக்கூடியது, குறிப்பாக பல பக்கங்களைக் கொண்ட பெரிய வலைத்தளங்களுக்கு. நெக்ஸ்ட்.js மெட்டாடேட்டா API இந்த செயல்முறையை நெறிப்படுத்துகிறது, டெவலப்பர்கள் தங்கள் நெக்ஸ்ட்.js கூறுகளுக்குள் நேரடியாக ஜாவாஸ்கிரிப்ட் அல்லது டைப்ஸ்கிரிப்டைப் பயன்படுத்தி மெட்டாடேட்டாவை நிரலாக்க ரீதியாக வரையறுக்க அனுமதிக்கிறது. இந்த அணுகுமுறை மேம்பட்ட பராமரிப்பு, டைனமிக் மெட்டாடேட்டா உருவாக்கம் மற்றும் மேம்படுத்தப்பட்ட SEO செயல்திறன் உள்ளிட்ட பல நன்மைகளை வழங்குகிறது.

மெட்டாடேட்டா ஏன் முக்கியமானது?

மெட்டாடேட்டா SEO மற்றும் சமூக ஊடக மேம்படுத்தலில் ஒரு முக்கிய பங்கு வகிக்கிறது. அதன் முக்கியத்துவத்தின் முறிவு இங்கே:

SEO (தேடுபொறி மேம்படுத்தல்)

சமூக ஊடக மேம்படுத்தல்

நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐப் பயன்படுத்துவதன் நன்மைகள்

நெக்ஸ்ட்.js மெட்டாடேட்டா API டெவலப்பர்கள் மற்றும் வலைதள உரிமையாளர்களுக்கு பல முக்கிய நன்மைகளை வழங்குகிறது:

நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐ எவ்வாறு பயன்படுத்துவது

நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐ இரண்டு முதன்மை வழிகளில் பயன்படுத்தலாம்: metadata ஆப்ஜெக்டைப் பயன்படுத்துதல் அல்லது generateMetadata செயல்பாட்டைப் பயன்படுத்துதல்.

1. metadata ஆப்ஜெக்டைப் பயன்படுத்துதல்

மெட்டாடேட்டாவைச் சேர்ப்பதற்கான எளிய வழி, உங்கள் பக்கம் அல்லது லேஅவுட் கூறிலிருந்து ஒரு metadata ஆப்ஜெக்டை ஏற்றுமதி செய்வதாகும். இந்த ஆப்ஜெக்ட் பக்கத்திற்கான மெட்டாடேட்டாவை வரையறுக்கும் பல்வேறு பண்புகளைக் கொண்டிருக்கலாம்.

உதாரணம்:

// app/page.js

export const metadata = {
  title: 'எனது அருமையான வலைப்பதிவு இடுகை',
  description: 'ஒரு சுவாரஸ்யமான தலைப்பின் விரிவான ஆய்வு.',
  keywords: ['வலைப்பதிவு', 'இடுகை', 'ஜாவாஸ்கிரிப்ட்', 'நெக்ஸ்ட்js'],
}

export default function Page() {
  return (
    <div>
      <h1>எனது அருமையான வலைப்பதிவு இடுகை</h1>
      <p>இது எனது வலைப்பதிவு இடுகையின் உள்ளடக்கம்.</p>
    </div>
  )
}

இந்த எடுத்துக்காட்டில், பக்கத்திற்கான title, description, மற்றும் keywords ஆகியவற்றை நாங்கள் வரையறுக்கிறோம். நெக்ஸ்ட்.js தானாகவே இந்த மெட்டா குறிச்சொற்களை HTML பக்கத்தின் <head> பிரிவில் சேர்க்கும்.

2. generateMetadata செயல்பாட்டைப் பயன்படுத்துதல்

ஒரு API-இலிருந்து பெறப்பட்ட தரவுகளின் அடிப்படையில் டைனமிக்காக மெட்டாடேட்டாவை உருவாக்குவது போன்ற மிகவும் சிக்கலான சூழ்நிலைகளுக்கு, நீங்கள் generateMetadata செயல்பாட்டைப் பயன்படுத்தலாம். இந்த செயல்பாடு தரவைப் பெற்று அதைப் பயன்படுத்தி மெட்டாடேட்டா ஆப்ஜெக்டை உருவாக்க உங்களை அனுமதிக்கிறது.

உதாரணம்:

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

export async function generateMetadata({ params, searchParams }, parent) {
  // ரூட் பாராம்களைப் படிக்கவும்
  const slug = params.slug

  // நேரடியாக தரவைப் பெறவும்
  const post = await fetch(`https://.../posts/${slug}`).then((res) => res.json())

  // அல்லது மாற்றாக ஏற்றுமதி செய்யப்பட்ட மெட்டாடேட்டா புலங்களை மாறிகளாகப் பயன்படுத்தவும்
  // 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 மெட்டாடேட்டா சமூக ஊடக தளங்களால் இணைப்பு முன்னோட்டங்களை உருவாக்கப் பயன்படுத்தப்படுகிறது.

மெட்டாடேட்டா பண்புகள்

நெக்ஸ்ட்.js மெட்டாடேட்டா API உங்கள் வலைப்பக்கங்களுக்கான மெட்டாடேட்டாவைத் தனிப்பயனாக்கப் பயன்படுத்தக்கூடிய பரந்த அளவிலான பண்புகளை ஆதரிக்கிறது. இங்கே மிகவும் பொதுவாகப் பயன்படுத்தப்படும் சில பண்புகள்:

ஓப்பன் கிராஃப் மெட்டாடேட்டா

ஓப்பன் கிராஃப் (OG) மெட்டாடேட்டா என்பது சமூக ஊடக தளங்களில் பகிரப்படும்போது உங்கள் வலைப்பக்கங்கள் எவ்வாறு காட்டப்படுகின்றன என்பதைக் கட்டுப்படுத்த உங்களை அனுமதிக்கும் ஒரு நெறிமுறை. நெக்ஸ்ட்.js மெட்டாடேட்டா API உங்கள் வலைப்பக்கங்களில் ஓப்பன் கிராஃப் மெட்டாடேட்டாவைச் சேர்ப்பதை எளிதாக்குகிறது.

உதாரணம்:

// app/page.js

export const metadata = {
  title: 'எனது அருமையான வலைப்பதிவு இடுகை',
  description: 'ஒரு சுவாரஸ்யமான தலைப்பின் விரிவான ஆய்வு.',
  openGraph: {
    title: 'எனது அருமையான வலைப்பதிவு இடுகை',
    description: 'ஒரு சுவாரஸ்யமான தலைப்பின் விரிவான ஆய்வு.',
    url: 'https://example.com/blog/my-awesome-blog-post',
    siteName: 'எடுத்துக்காட்டு வலைத்தளம்',
    images: [
      {
        url: 'https://example.com/images/blog-post.jpg',
        width: 800,
        height: 600,
        alt: 'எனது அருமையான வலைப்பதிவு இடுகை படம்',
      },
    ],
    type: 'article',
  },
}

இந்த எடுத்துக்காட்டில், ஓப்பன் கிராஃப் மெட்டாடேட்டாவிற்கான title, description, url, siteName, images, மற்றும் type பண்புகளை நாங்கள் வரையறுக்கிறோம். இந்தப் பண்புகள் சமூக ஊடக தளங்களால் பக்கம் பகிரப்படும்போது ஒரு இணைப்பு முன்னோட்டத்தை உருவாக்கப் பயன்படுத்தப்படும்.

முக்கிய ஓப்பன் கிராஃப் பண்புகள்:

ட்விட்டர் மெட்டாடேட்டா

ட்விட்டரும் அதன் சொந்த மெட்டாடேட்டா குறிச்சொற்களைக் கொண்டுள்ளது, இது உங்கள் வலைப்பக்கங்கள் தளத்தில் எவ்வாறு காட்டப்படுகின்றன என்பதைத் தனிப்பயனாக்க நீங்கள் பயன்படுத்தலாம். நெக்ஸ்ட்.js மெட்டாடேட்டா API உங்கள் வலைப்பக்கங்களில் ட்விட்டர்-குறிப்பிட்ட மெட்டாடேட்டாவைச் சேர்க்க உங்களை அனுமதிக்கிறது.

உதாரணம்:

// app/page.js

export const metadata = {
  title: 'எனது அருமையான வலைப்பதிவு இடுகை',
  description: 'ஒரு சுவாரஸ்யமான தலைப்பின் விரிவான ஆய்வு.',
  twitter: {
    card: 'summary_large_image',
    title: 'எனது அருமையான வலைப்பதிவு இடுகை',
    description: 'ஒரு சுவாரஸ்யமான தலைப்பின் விரிவான ஆய்வு.',
    site: '@example',
    creator: '@example',
    images: [
      {
        url: 'https://example.com/images/blog-post.jpg',
        alt: 'எனது அருமையான வலைப்பதிவு இடுகை படம்',
      },
    ],
  },
}

இந்த எடுத்துக்காட்டில், ட்விட்டர் மெட்டாடேட்டாவிற்கான card, title, description, site, creator, மற்றும் images பண்புகளை நாங்கள் வரையறுக்கிறோம். இந்தப் பண்புகள் ட்விட்டரால் பக்கம் பகிரப்படும்போது ஒரு கார்டை உருவாக்கப் பயன்படுத்தப்படும்.

முக்கிய ட்விட்டர் பண்புகள்:

நெக்ஸ்ட்.js மெட்டாடேட்டா API-ஐப் பயன்படுத்துவதற்கான சிறந்த நடைமுறைகள்

நெக்ஸ்ட்.js மெட்டாடேட்டா API-இலிருந்து அதிகப் பலனைப் பெற, இந்த சிறந்த நடைமுறைகளைப் பின்பற்றவும்:

மேம்பட்ட நுட்பங்கள்

அடிப்படைகளுக்கு அப்பால், நெக்ஸ்ட்.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,
    },
  },
}

இந்த எடுத்துக்காட்டில், தேடுபொறிகளுக்கு பக்கத்தை அட்டவணைப்படுத்த வேண்டாம் என்று கூறுகிறோம், ஆனால் பக்கத்தில் உள்ள இணைப்புகளைப் பின்தொடரச் சொல்கிறோம். நாங்கள் கூகுள்பாட் கிராலருக்கு குறிப்பிட்ட அறிவுறுத்தல்களையும் வழங்குகிறோம்.

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',
  },
}

இந்த எடுத்துக்காட்டில், கூகுள் தேடல் கன்சோல், யாண்டெக்ஸ் வெப்மாஸ்டர், யாஹூ தள எக்ஸ்ப்ளோரர் மற்றும் பிங் வெப்மாஸ்டருக்கான சரிபார்ப்புக் குறியீடுகளை வழங்குகிறோம்.

தவிர்க்க வேண்டிய பொதுவான தவறுகள்

நெக்ஸ்ட்.js மெட்டாடேட்டா API மெட்டாடேட்டா நிர்வாகத்தை எளிதாக்கினாலும், உங்கள் SEO மற்றும் சமூக ஊடக செயல்திறனை எதிர்மறையாக பாதிக்கும் பொதுவான தவறுகளைத் தவிர்ப்பது அவசியம்:

மெட்டாடேட்டாவை சோதிக்கும் கருவிகள்

உங்கள் மெட்டாடேட்டாவைச் சோதிக்கவும் சரிபார்க்கவும் பல கருவிகள் உதவும்:

முடிவுரை

நெக்ஸ்ட்.js மெட்டாடேட்டா API என்பது உங்கள் வலைப் பயன்பாடுகளுக்கான மெட்டாடேட்டாவை நிர்வகிக்கும் செயல்முறையை எளிதாக்கும் ஒரு சக்திவாய்ந்த கருவியாகும். இந்த API-ஐப் பயன்படுத்துவதன் மூலம், உங்கள் வலைத்தளத்தின் SEO செயல்திறனை மேம்படுத்தலாம், சமூக ஊடகப் பகிர்வை மேம்படுத்தலாம் மற்றும் சிறந்த பயனர் அனுபவத்தை வழங்கலாம். இந்த வழிகாட்டியில் கோடிட்டுக் காட்டப்பட்டுள்ள சிறந்த நடைமுறைகளைப் பின்பற்றுவதன் மூலம், உங்கள் மெட்டாடேட்டா துல்லியமானது, பொருத்தமானது மற்றும் தேடுபொறிகள் மற்றும் சமூக ஊடக தளங்கள் இரண்டிற்கும் உகந்ததாக இருப்பதை உறுதிசெய்யலாம். நுட்பமான தொடர்பு மற்றும் கலாச்சார உணர்திறன் ஆன்லைன் வெற்றிக்கு முக்கியமாக இருக்கும் பல்வேறு உலகளாவிய பார்வையாளர்களைக் கொண்ட வலைத்தளங்களுக்கு இது முக்கியமானது. வளைவுக்கு முன்னால் இருக்கவும், வலுவான ஆன்லைன் இருப்பைப் பராமரிக்கவும் உங்கள் மெட்டாடேட்டாவை தவறாமல் சோதித்து புதுப்பிக்க நினைவில் கொள்ளுங்கள். வலை विकसित oldukça, மெட்டாடேட்டா நிர்வாகத்தில் தேர்ச்சி பெறுவது டெவலப்பர்கள் மற்றும் வலைத்தள உரிமையாளர்களுக்கு ஒரு முக்கியமான திறனாகத் தொடரும்.