മെച്ചപ്പെട്ട 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 (സെർച്ച് എഞ്ചിൻ ഒപ്റ്റിമൈസേഷൻ)
- സെർച്ച് എഞ്ചിൻ റാങ്കിംഗ്: ഗൂഗിൾ, ബിംഗ്, ഡക്ക്ഡക്ക്ഗോ പോലുള്ള സെർച്ച് എഞ്ചിനുകൾ ഒരു വെബ് പേജിന്റെ ഉള്ളടക്കവും സന്ദർഭവും മനസിലാക്കാൻ മെറ്റാഡാറ്റ ഉപയോഗിക്കുന്നു. കൃത്യവും പ്രസക്തവുമായ മെറ്റാഡാറ്റ ഒരു വെബ്സൈറ്റിന്റെ സെർച്ച് എഞ്ചിൻ റാങ്കിംഗ് മെച്ചപ്പെടുത്തുകയും അതുവഴി ഉപഭോക്താക്കൾക്ക് കൂടുതൽ ദൃശ്യമാക്കുകയും ചെയ്യും.
- ക്ലിക്ക്-ത്രൂ റേറ്റുകൾ (CTR): ശീർഷകവും വിവരണ മെറ്റാ ടാഗുകളും സെർച്ച് എഞ്ചിൻ ഫല പേജുകളിൽ (SERPs) ഒരു സ്നിപ്പറ്റായി പ്രദർശിപ്പിക്കുന്നു. നന്നായി തയ്യാറാക്കിയ ശീർഷകവും വിവരണവും ഉപയോക്താക്കളെ ഒരു ലിങ്കിൽ ക്ലിക്കുചെയ്യാൻ പ്രേരിപ്പിക്കുകയും വെബ്സൈറ്റിന്റെ CTR വർദ്ധിപ്പിക്കുകയും ചെയ്യും.
- കീവേഡ് ടാർഗെറ്റിംഗ്: നിങ്ങളുടെ ബിസിനസ്സിനോ വ്യവസായത്തിനോ പ്രസക്തമായ നിർദ്ദിഷ്ട കീവേഡുകൾ ടാർഗെറ്റുചെയ്യാൻ മെറ്റാഡാറ്റ നിങ്ങളെ അനുവദിക്കുന്നു. ഈ കീവേഡുകൾ നിങ്ങളുടെ മെറ്റാ ടാഗുകളിൽ ഉൾപ്പെടുത്തുന്നതിലൂടെ, അനുബന്ധ തിരയൽ ചോദ്യങ്ങൾക്കായി നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ ദൃശ്യപരത മെച്ചപ്പെടുത്താൻ കഴിയും.
സോഷ്യൽ മീഡിയ ഒപ്റ്റിമൈസേഷൻ
- ലിങ്ക് പ്രിവ്യൂകൾ: ഫേസ്ബുക്ക്, ട്വിറ്റർ, ലിങ്ക്ഡ്ഇൻ തുടങ്ങിയ സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകളിൽ ഒരു വെബ് പേജ് പങ്കിടുമ്പോൾ, പ്ലാറ്റ്ഫോം ശീർഷകം, വിവരണം, ചിത്രം എന്നിവ ഉൾപ്പെടുന്ന ഒരു പ്രിവ്യൂ സൃഷ്ടിക്കുന്നു. ഈ പ്രിവ്യൂ എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് മെറ്റാഡാറ്റ നിയന്ത്രിക്കുന്നു, ഇത് കാഴ്ചയിൽ ആകർഷകവും പേജിന്റെ ഉള്ളടക്കത്തെ കൃത്യമായി പ്രതിനിധീകരിക്കുന്നതുമാണെന്ന് ഉറപ്പാക്കുന്നു.
- ബ്രാൻഡിംഗ്: നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ എല്ലാ പേജുകളിലും സ്ഥിരതയുള്ള മെറ്റാഡാറ്റ സോഷ്യൽ മീഡിയയിൽ നിങ്ങളുടെ ബ്രാൻഡ് ഐഡന്റിറ്റി ശക്തിപ്പെടുത്താൻ സഹായിക്കുന്നു. നിങ്ങളുടെ മെറ്റാ ടാഗുകളിൽ സ്ഥിരമായ ബ്രാൻഡിംഗ് ഘടകങ്ങൾ ഉപയോഗിക്കുന്നതിലൂടെ, നിങ്ങൾക്ക് യോജിച്ചതും തിരിച്ചറിയാവുന്നതുമായ ഒരു ബ്രാൻഡ് സാന്നിധ്യം സൃഷ്ടിക്കാൻ കഴിയും.
- എൻഗേജ്മെന്റ്: നന്നായി തയ്യാറാക്കിയ ഒരു സോഷ്യൽ മീഡിയ പ്രിവ്യൂ ഉപയോക്താക്കളെ പങ്കിട്ട ലിങ്കിൽ ക്ലിക്കുചെയ്യാനും ഉള്ളടക്കവുമായി ഇടപഴകാനും പ്രോത്സാഹിപ്പിക്കും. ഇത് വെബ്സൈറ്റ് ട്രാഫിക്കും ബ്രാൻഡ് അവബോധവും വർദ്ധിപ്പിക്കാൻ സഹായിക്കും.
Next.js മെറ്റാഡാറ്റ API ഉപയോഗിക്കുന്നതിന്റെ പ്രയോജനങ്ങൾ
Next.js മെറ്റാഡാറ്റ API ഡെവലപ്പർമാർക്കും വെബ്സൈറ്റ് ഉടമകൾക്കും നിരവധി പ്രധാന നേട്ടങ്ങൾ നൽകുന്നു:- ലളിതമായ മെറ്റാഡാറ്റ മാനേജ്മെന്റ്: നിങ്ങളുടെ Next.js ആപ്ലിക്കേഷനുകൾക്കായി മെറ്റാഡാറ്റ കൈകാര്യം ചെയ്യുന്നതിനുള്ള ലളിതവും അവബോധജന്യവുമായ മാർഗ്ഗം API നൽകുന്നു.
- ഡൈനാമിക് മെറ്റാഡാറ്റ ജനറേഷൻ: പേജിന്റെ ഉള്ളടക്കത്തെ അടിസ്ഥാനമാക്കി മെറ്റാഡാറ്റ ഡൈനാമിക് ആയി ജനറേറ്റ് ചെയ്യാൻ കഴിയും, ഇത് വ്യക്തിഗതവും പ്രസക്തവുമായ വിവരങ്ങൾ നൽകാൻ അനുവദിക്കുന്നു. ഉദാഹരണത്തിന്, ഒരു ഇ-കൊമേഴ്സ് സൈറ്റിന് ഉൽപ്പന്നത്തിന്റെ പേരും വിലയും ഉൾക്കൊള്ളുന്ന ഒരു ഉൽപ്പന്ന പേജ് ശീർഷകം സൃഷ്ടിക്കാൻ കഴിയും.
- മെച്ചപ്പെട്ട SEO പ്രകടനം: സെർച്ച് എഞ്ചിനുകൾക്ക് കൃത്യവും പ്രസക്തവുമായ മെറ്റാഡാറ്റ നൽകുന്നതിലൂടെ, നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ സെർച്ച് എഞ്ചിൻ റാങ്കിംഗ് മെച്ചപ്പെടുത്താൻ API സഹായിക്കും.
- മെച്ചപ്പെടുത്തിയ സോഷ്യൽ മീഡിയ ഷെയറിംഗ്: സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകളിൽ പങ്കിടുമ്പോൾ നിങ്ങളുടെ വെബ് പേജുകൾ എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് നിയന്ത്രിക്കാൻ API നിങ്ങളെ അനുവദിക്കുന്നു, അവ കാഴ്ചയിൽ ആകർഷകവും ആകർഷകവുമാണെന്ന് ഉറപ്പാക്കുന്നു.
- പരിപാലനം: മെറ്റാഡാറ്റ പ്രോഗ്രാമാറ്റിക്കായി കൈകാര്യം ചെയ്യുന്നത് നിങ്ങളുടെ മുഴുവൻ വെബ്സൈറ്റിലുടനീളം മെറ്റാഡാറ്റ അപ്ഡേറ്റ് ചെയ്യുന്നതും പരിപാലിക്കുന്നതും എളുപ്പമാക്കുന്നു.
- പ്രകടനം: മെറ്റാഡാറ്റ 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 നിങ്ങളുടെ വെബ് പേജുകളുടെ മെറ്റാഡാറ്റ ഇഷ്ടാനുസൃതമാക്കാൻ ഉപയോഗിക്കാവുന്ന വിപുലമായ പ്രോപ്പർട്ടികളെ പിന്തുണയ്ക്കുന്നു. സാധാരണയായി ഉപയോഗിക്കുന്ന ചില പ്രോപ്പർട്ടികൾ താഴെ നൽകുന്നു:title
: വെബ് പേജിന്റെ ശീർഷകം. ഇത് ബ്രൗസർ ടാബിലും സെർച്ച് എഞ്ചിൻ ഫലങ്ങളിലും പ്രദർശിപ്പിക്കുന്നു.description
: വെബ് പേജിന്റെ ഒരു ചെറിയ വിവരണം. ഇത് സെർച്ച് എഞ്ചിൻ ഫലങ്ങളിലും സോഷ്യൽ മീഡിയ പ്രിവ്യൂകളിലും പ്രദർശിപ്പിക്കുന്നു.keywords
: വെബ് പേജിന്റെ ഉള്ളടക്കത്തിന് പ്രസക്തമായ കീവേഡുകളുടെ ഒരു ലിസ്റ്റ്.authors
: രചയിതാക്കളുടെ ഒബ്ജക്റ്റുകളുടെ ഒരു അറേ, ഓരോന്നിനും ഒരുname
പ്രോപ്പർട്ടിയും ഓപ്ഷണലായി ഒരുurl
പ്രോപ്പർട്ടിയും ഉണ്ടായിരിക്കും.robots
: സെർച്ച് എഞ്ചിൻ ക്രോളറുകൾ പേജിലെ ലിങ്കുകൾ എങ്ങനെ ഇൻഡെക്സ് ചെയ്യുകയും പിന്തുടരുകയും ചെയ്യണമെന്ന് നിയന്ത്രിക്കുന്നു. സാധാരണ മൂല്യങ്ങളിൽindex, follow
,noindex, nofollow
,nosnippet
എന്നിവ ഉൾപ്പെടുന്നു.openGraph
: ഓപ്പൺ ഗ്രാഫ് മെറ്റാഡാറ്റ അടങ്ങിയ ഒരു ഒബ്ജക്റ്റ്, ഇത് സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകൾ ലിങ്ക് പ്രിവ്യൂകൾ സൃഷ്ടിക്കാൻ ഉപയോഗിക്കുന്നു.twitter
: ട്വിറ്ററിന് മാത്രമായുള്ള മെറ്റാഡാറ്റ അടങ്ങിയ ഒരു ഒബ്ജക്റ്റ്, ഇത് വെബ് പേജുകൾ ട്വിറ്ററിൽ എങ്ങനെ പ്രദർശിപ്പിക്കണമെന്ന് ഇഷ്ടാനുസൃതമാക്കാൻ ഉപയോഗിക്കുന്നു.icons
: ഫാവികോൺ പോലുള്ള വെബ് പേജിനായി ഉപയോഗിക്കുന്ന ഐക്കണുകൾ നിർവചിക്കുന്നു.viewport
: വെബ് പേജിനായുള്ള വ്യൂപോർട്ട് ക്രമീകരണങ്ങൾ കോൺഫിഗർ ചെയ്യുന്നു, ഇത് വിവിധ ഉപകരണങ്ങളിൽ ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കുന്നു.themeColor
: വെബ് പേജിനായുള്ള തീം നിറം വ്യക്തമാക്കുന്നു, ഇത് ചില ബ്രൗസറുകൾ ബ്രൗസർ ടാബിന്റെ രൂപം ഇഷ്ടാനുസൃതമാക്കാൻ ഉപയോഗിക്കുന്നു.alternates
: വിവർത്തനങ്ങൾ അല്ലെങ്കിൽ വ്യത്യസ്ത ഫോർമാറ്റുകൾ പോലുള്ള വെബ് പേജിന്റെ ഇതര പതിപ്പുകൾ നിർവചിക്കുന്നു.verification
: ഗൂഗിൾ സെർച്ച് കൺസോൾ, പിന്റെറസ്റ്റ് പോലുള്ള വിവിധ സേവനങ്ങൾ ഉപയോഗിച്ച് വെബ്സൈറ്റിന്റെ ഉടമസ്ഥാവകാശം പരിശോധിക്കാൻ ഉപയോഗിക്കുന്നു.
ഓപ്പൺ ഗ്രാഫ് മെറ്റാഡാറ്റ
ഓപ്പൺ ഗ്രാഫ് (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
എന്നീ പ്രോപ്പർട്ടികൾ നിർവചിക്കുന്നു. ഈ പേജ് പങ്കിടുമ്പോൾ സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകൾ ഒരു ലിങ്ക് പ്രിവ്യൂ സൃഷ്ടിക്കുന്നതിന് ഈ പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കും.
പ്രധാന ഓപ്പൺ ഗ്രാഫ് പ്രോപ്പർട്ടികൾ:
og:title
: വെബ് പേജിന്റെ ശീർഷകം.og:description
: വെബ് പേജിന്റെ ഒരു ചെറിയ വിവരണം.og:url
: വെബ് പേജിന്റെ കാനോനിക്കൽ URL.og:site_name
: വെബ്സൈറ്റിന്റെ പേര്.og:image
: വെബ് പേജിനെ പ്രതിനിധീകരിക്കുന്ന ഒരു ചിത്രത്തിന്റെ URL.og: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
എന്നീ പ്രോപ്പർട്ടികൾ നിർവചിക്കുന്നു. ഈ പേജ് പങ്കിടുമ്പോൾ ഒരു കാർഡ് സൃഷ്ടിക്കുന്നതിന് ട്വിറ്റർ ഈ പ്രോപ്പർട്ടികൾ ഉപയോഗിക്കും.
പ്രധാന ട്വിറ്റർ പ്രോപ്പർട്ടികൾ:
twitter:card
: പ്രദർശിപ്പിക്കേണ്ട കാർഡിന്റെ തരം (ഉദാഹരണത്തിന്, summary, summary_large_image).twitter:title
: വെബ് പേജിന്റെ ശീർഷകം.twitter:description
: വെബ് പേജിന്റെ ഒരു ചെറിയ വിവരണം.twitter:site
: വെബ്സൈറ്റിന്റെ ട്വിറ്റർ ഉപയോക്തൃനാമം.twitter:creator
: ഉള്ളടക്ക സ്രഷ്ടാവിന്റെ ട്വിറ്റർ ഉപയോക്തൃനാമം.twitter:image
: വെബ് പേജിനെ പ്രതിനിധീകരിക്കുന്ന ഒരു ചിത്രത്തിന്റെ URL.twitter:image:alt
: ചിത്രത്തിനായുള്ള ആൾട്ട് ടെക്സ്റ്റ്.
Next.js മെറ്റാഡാറ്റ API ഉപയോഗിക്കുന്നതിനുള്ള മികച്ച രീതികൾ
Next.js മെറ്റാഡാറ്റ API-ൽ നിന്ന് പരമാവധി പ്രയോജനം ലഭിക്കുന്നതിന്, ഈ മികച്ച രീതികൾ പിന്തുടരുക:- വിവരണാത്മക ശീർഷകങ്ങൾ ഉപയോഗിക്കുക: നിങ്ങളുടെ ടൈറ്റിൽ ടാഗുകൾ പേജിന്റെ ഉള്ളടക്കത്തെ കൃത്യമായി വിവരിക്കുകയും പ്രസക്തമായ കീവേഡുകൾ ഉൾപ്പെടുത്തുകയും വേണം. അവ സംക്ഷിപ്തവും (60 അക്ഷരങ്ങളിൽ താഴെ) ആകർഷകവുമാക്കുക.
- ആകർഷകമായ വിവരണങ്ങൾ എഴുതുക: നിങ്ങളുടെ ഡിസ്ക്രിപ്ഷൻ ടാഗുകൾ പേജിന്റെ ഉള്ളടക്കത്തിന്റെ ഒരു സംഗ്രഹം നൽകുകയും ഉപയോക്താക്കളെ ലിങ്കിൽ ക്ലിക്കുചെയ്യാൻ പ്രേരിപ്പിക്കുകയും വേണം. അവ സംക്ഷിപ്തവും (160 അക്ഷരങ്ങളിൽ താഴെ) ഒരു കോൾ ടു ആക്ഷൻ ഉൾപ്പെടുത്തുകയും വേണം.
- പ്രസക്തമായ കീവേഡുകൾ ടാർഗെറ്റുചെയ്യുക: നിങ്ങളുടെ ശീർഷകം, വിവരണം, കീവേഡ് ടാഗുകൾ എന്നിവയിൽ പ്രസക്തമായ കീവേഡുകൾ ഉൾപ്പെടുത്തുക. എന്നിരുന്നാലും, കീവേഡ് സ്റ്റഫിംഗ് ഒഴിവാക്കുക, കാരണം ഇത് നിങ്ങളുടെ സെർച്ച് എഞ്ചിൻ റാങ്കിംഗിനെ പ്രതികൂലമായി ബാധിക്കും.
- ഉയർന്ന നിലവാരമുള്ള ചിത്രങ്ങൾ ഉപയോഗിക്കുക: നിങ്ങളുടെ ഓപ്പൺ ഗ്രാഫ്, ട്വിറ്റർ മെറ്റാഡാറ്റയ്ക്കായി ഉയർന്ന നിലവാരമുള്ള ചിത്രങ്ങൾ ഉപയോഗിക്കുക. ചിത്രങ്ങൾ കാഴ്ചയിൽ ആകർഷകവും പേജിന്റെ ഉള്ളടക്കത്തെ കൃത്യമായി പ്രതിനിധീകരിക്കുന്നതും ആയിരിക്കണം. വേഗത കുറഞ്ഞ ലോഡിംഗ് സമയം ഒഴിവാക്കാൻ നിങ്ങളുടെ ചിത്രങ്ങൾ വെബ് ഉപയോഗത്തിനായി ഒപ്റ്റിമൈസ് ചെയ്തിട്ടുണ്ടെന്ന് ഉറപ്പാക്കുക.
- സ്ഥിരത പുലർത്തുക: നിങ്ങളുടെ എല്ലാ മെറ്റാഡാറ്റയിലും സ്ഥിരമായ ബ്രാൻഡിംഗ് നിലനിർത്തുക. നിങ്ങളുടെ ബ്രാൻഡ് ഐഡന്റിറ്റി ശക്തിപ്പെടുത്തുന്നതിന് സ്ഥിരമായ നിറങ്ങൾ, ഫോണ്ടുകൾ, ചിത്രങ്ങൾ എന്നിവ ഉപയോഗിക്കുക.
- നിങ്ങളുടെ മെറ്റാഡാറ്റ പരിശോധിക്കുക: നിങ്ങളുടെ മെറ്റാഡാറ്റ പരിശോധിക്കുന്നതിനും അത് സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകളിൽ ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കുന്നതിനും ഫേസ്ബുക്ക് ഷെയറിംഗ് ഡീബഗ്ഗർ, ട്വിറ്റർ കാർഡ് വാലിഡേറ്റർ പോലുള്ള ഉപകരണങ്ങൾ ഉപയോഗിക്കുക.
- നിങ്ങളുടെ മെറ്റാഡാറ്റ പ്രാദേശികവൽക്കരിക്കുക: നിങ്ങൾക്ക് ഒരു ബഹുഭാഷാ വെബ്സൈറ്റ് ഉണ്ടെങ്കിൽ, ഓരോ ഭാഷയ്ക്കും നിങ്ങളുടെ മെറ്റാഡാറ്റ പ്രാദേശികവൽക്കരിക്കുക. ഇത് വിവിധ പ്രദേശങ്ങളിലെ ഉപയോക്താക്കൾക്ക് നിങ്ങളുടെ ഉള്ളടക്കം ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കും. ഉദാഹരണത്തിന്, ഒരു കനേഡിയൻ കമ്പനിക്ക് ഇംഗ്ലീഷിലും ഫ്രഞ്ചിലും മെറ്റാഡാറ്റ ഉണ്ടായിരിക്കാം. ഒരു ആഗോള ഇ-കൊമേഴ്സ് സൈറ്റിന് ഒരു ഡസനോ അതിലധികമോ ഭാഷകളിൽ മെറ്റാഡാറ്റ ഉണ്ടായിരിക്കാം.
- ഡൈനാമിക് മെറ്റാഡാറ്റ പ്രയോജനപ്പെടുത്തുക: പേജിന്റെ ഉള്ളടക്കത്തെ അടിസ്ഥാനമാക്കി മെറ്റാഡാറ്റ ഡൈനാമിക് ആയി സൃഷ്ടിക്കുന്നതിന്
generateMetadata
ഫംഗ്ഷൻ ഉപയോഗിക്കുക. ഇ-കൊമേഴ്സ് വെബ്സൈറ്റുകൾ, ബ്ലോഗ് പോസ്റ്റുകൾ, മറ്റ് തരത്തിലുള്ള ഡൈനാമിക് ഉള്ളടക്കം എന്നിവയ്ക്ക് ഇത് പ്രത്യേകിച്ചും ഉപയോഗപ്രദമാണ്. - മൊബൈൽ ഒപ്റ്റിമൈസേഷന് മുൻഗണന നൽകുക: നിങ്ങളുടെ വെബ്സൈറ്റ് മൊബൈൽ-ഫ്രണ്ട്ലി ആണെന്നും നിങ്ങളുടെ മെറ്റാഡാറ്റ മൊബൈൽ ഉപകരണങ്ങൾക്കായി ഒപ്റ്റിമൈസ് ചെയ്തിട്ടുണ്ടെന്നും ഉറപ്പാക്കുക. സ്മാർട്ട്ഫോണുകളിലും ടാബ്ലെറ്റുകളിലും വെബ് ആക്സസ് ചെയ്യുന്ന ഉപയോക്താക്കളുടെ എണ്ണം വർദ്ധിക്കുന്ന സാഹചര്യത്തിൽ ഇത് വളരെ പ്രധാനമാണ്.
നൂതന സാങ്കേതിക വിദ്യകൾ
അടിസ്ഥാന കാര്യങ്ങൾക്കപ്പുറം, നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ മെറ്റാഡാറ്റ ഒപ്റ്റിമൈസ് ചെയ്യുന്നതിന് 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,
},
},
}
ഈ ഉദാഹരണത്തിൽ, ഞങ്ങൾ സെർച്ച് എഞ്ചിനുകളോട് പേജ് ഇൻഡെക്സ് ചെയ്യരുതെന്നും എന്നാൽ പേജിലെ ലിങ്കുകൾ പിന്തുടരാനും പറയുന്നു. ഞങ്ങൾ ഗൂഗിൾബോട്ട് ക്രോളറിനായി പ്രത്യേക നിർദ്ദേശങ്ങളും നൽകുന്നു.
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, സോഷ്യൽ മീഡിയ പ്രകടനത്തെ പ്രതികൂലമായി ബാധിക്കുന്ന സാധാരണ തെറ്റുകൾ ഒഴിവാക്കേണ്ടത് അത്യാവശ്യമാണ്:- ഡ്യൂപ്ലിക്കേറ്റ് മെറ്റാഡാറ്റ: നിങ്ങളുടെ വെബ്സൈറ്റിലെ ഓരോ പേജിനും തനതായ മെറ്റാഡാറ്റ ഉണ്ടെന്ന് ഉറപ്പാക്കുക. ഡ്യൂപ്ലിക്കേറ്റ് മെറ്റാഡാറ്റ സെർച്ച് എഞ്ചിനുകളെ ആശയക്കുഴപ്പത്തിലാക്കുകയും നിങ്ങളുടെ റാങ്കിംഗിനെ പ്രതികൂലമായി ബാധിക്കുകയും ചെയ്യും.
- മെറ്റാഡാറ്റയുടെ അഭാവം: നിങ്ങളുടെ എല്ലാ വെബ് പേജുകളിലും മെറ്റാഡാറ്റ ചേർക്കാൻ മറക്കരുത്. മെറ്റാഡാറ്റയുടെ അഭാവം സെർച്ച് എഞ്ചിനുകൾക്കും സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകൾക്കും നിങ്ങളുടെ പേജുകളുടെ ഉള്ളടക്കം മനസിലാക്കാൻ പ്രയാസകരമാക്കും.
- കീവേഡ് സ്റ്റഫിംഗ്: നിങ്ങളുടെ മെറ്റാഡാറ്റയിൽ കീവേഡുകൾ അമിതമായി ഉപയോഗിക്കുന്ന കീവേഡ് സ്റ്റഫിംഗ് ഒഴിവാക്കുക. ഇത് സ്പാമായി കാണപ്പെടുകയും നിങ്ങളുടെ സെർച്ച് എഞ്ചിൻ റാങ്കിംഗിനെ പ്രതികൂലമായി ബാധിക്കുകയും ചെയ്യും.
- അപ്രസക്തമായ മെറ്റാഡാറ്റ: നിങ്ങളുടെ മെറ്റാഡാറ്റ പേജിന്റെ ഉള്ളടക്കത്തിന് പ്രസക്തമാണെന്ന് ഉറപ്പാക്കുക. അപ്രസക്തമായ മെറ്റാഡാറ്റ ഉപയോക്താക്കളെ ആശയക്കുഴപ്പത്തിലാക്കുകയും നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ വിശ്വാസ്യതയെ പ്രതികൂലമായി ബാധിക്കുകയും ചെയ്യും.
- സോഷ്യൽ മീഡിയ മെറ്റാഡാറ്റ അവഗണിക്കൽ: നിങ്ങളുടെ വെബ് പേജുകളിൽ ഓപ്പൺ ഗ്രാഫ്, ട്വിറ്റർ മെറ്റാഡാറ്റ എന്നിവ ചേർക്കാൻ മറക്കരുത്. സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകളിൽ പങ്കിടുമ്പോൾ നിങ്ങളുടെ ഉള്ളടക്കം ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കുന്നതിന് ഇത് അത്യാവശ്യമാണ്.
- മെറ്റാഡാറ്റ പരിശോധിക്കാതിരിക്കുക: നിങ്ങളുടെ മെറ്റാഡാറ്റ സെർച്ച് എഞ്ചിനുകളിലും സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകളിലും ശരിയായി പ്രദർശിപ്പിക്കുന്നുവെന്ന് ഉറപ്പാക്കാൻ എല്ലായ്പ്പോഴും പരിശോധിക്കുക. എന്തെങ്കിലും പ്രശ്നങ്ങൾ കണ്ടെത്താനും പരിഹരിക്കാനും ഫേസ്ബുക്ക് ഷെയറിംഗ് ഡീബഗ്ഗർ, ട്വിറ്റർ കാർഡ് വാലിഡേറ്റർ പോലുള്ള ഉപകരണങ്ങൾ ഉപയോഗിക്കുക.
- മെറ്റാഡാറ്റ അപ്ഡേറ്റ് ചെയ്യാതിരിക്കുക: നിങ്ങളുടെ വെബ് പേജുകളുടെ ഉള്ളടക്കത്തെ കൃത്യമായി പ്രതിഫലിപ്പിക്കുന്നുവെന്നും നിങ്ങളുടെ ടാർഗെറ്റ് പ്രേക്ഷകർക്ക് പ്രസക്തമായി തുടരുന്നുവെന്നും ഉറപ്പാക്കാൻ മെറ്റാഡാറ്റ പതിവായി അവലോകനം ചെയ്യുകയും അപ്ഡേറ്റ് ചെയ്യുകയും വേണം.
മെറ്റാഡാറ്റ പരിശോധിക്കുന്നതിനുള്ള ഉപകരണങ്ങൾ
നിങ്ങളുടെ മെറ്റാഡാറ്റ പരിശോധിക്കാനും സാധൂകരിക്കാനും സഹായിക്കുന്ന നിരവധി ഉപകരണങ്ങളുണ്ട്:- ഫേസ്ബുക്ക് ഷെയറിംഗ് ഡീബഗ്ഗർ: ഫേസ്ബുക്കിൽ പങ്കിടുമ്പോൾ നിങ്ങളുടെ വെബ് പേജുകൾ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് പ്രിവ്യൂ ചെയ്യാൻ ഈ ഉപകരണം നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങളുടെ ഓപ്പൺ ഗ്രാഫ് മെറ്റാഡാറ്റയുമായി ബന്ധപ്പെട്ട എന്തെങ്കിലും പിശകുകളെക്കുറിച്ചോ മുന്നറിയിപ്പുകളെക്കുറിച്ചോ ഉള്ള വിവരങ്ങളും ഇത് നൽകുന്നു. ഫേസ്ബുക്ക് ഷെയറിംഗ് ഡീബഗ്ഗർ
- ട്വിറ്റർ കാർഡ് വാലിഡേറ്റർ: ട്വിറ്ററിൽ പങ്കിടുമ്പോൾ നിങ്ങളുടെ വെബ് പേജുകൾ എങ്ങനെ പ്രദർശിപ്പിക്കുമെന്ന് പ്രിവ്യൂ ചെയ്യാൻ ഈ ഉപകരണം നിങ്ങളെ അനുവദിക്കുന്നു. നിങ്ങളുടെ ട്വിറ്റർ മെറ്റാഡാറ്റയുമായി ബന്ധപ്പെട്ട എന്തെങ്കിലും പിശകുകളെക്കുറിച്ചോ മുന്നറിയിപ്പുകളെക്കുറിച്ചോ ഉള്ള വിവരങ്ങളും ഇത് നൽകുന്നു. ട്വിറ്റർ കാർഡ് വാലിഡേറ്റർ
- ഗൂഗിൾ സെർച്ച് കൺസോൾ: ഗൂഗിൾ നിങ്ങളുടെ വെബ്സൈറ്റ് എങ്ങനെ ക്രോൾ ചെയ്യുകയും ഇൻഡെക്സ് ചെയ്യുകയും ചെയ്യുന്നു എന്നതിനെക്കുറിച്ചുള്ള ഉൾക്കാഴ്ചകൾ ഈ ഉപകരണം നൽകുന്നു. നിങ്ങളുടെ മെറ്റാഡാറ്റയുമായി ബന്ധപ്പെട്ട എന്തെങ്കിലും പ്രശ്നങ്ങൾ തിരിച്ചറിയാനും ഇത് നിങ്ങളെ സഹായിക്കും. ഗൂഗിൾ സെർച്ച് കൺസോൾ
- SEO Meta in 1 CLICK: ഈ ക്രോം എക്സ്റ്റൻഷൻ എല്ലാ മെറ്റാ ടാഗുകളും ഒറ്റ ക്ലിക്കിൽ പ്രദർശിപ്പിക്കുന്നു, ഇത് നിങ്ങളുടെ മെറ്റാഡാറ്റ എളുപ്പത്തിൽ പരിശോധിക്കാൻ നിങ്ങളെ അനുവദിക്കുന്നു.