ഓപ്പൺ ഗ്രാഫ് (OG) ടാഗുകൾ എന്താണ്? നിങ്ങളുടെ വെബ്സൈറ്റ് സോഷ്യൽ മീഡിയയിൽ എങ്ങനെ പ്രത്യക്ഷപ്പെടണം എന്നത് നിയന്ത്രിക്കുക

ഓപ്പൺ ഗ്രാഫ് (OG) ടാഗുകൾ എന്നത് ഒരു വെബ് പേജിന്റെ സോഷ്യൽ മീഡിയയിൽ പങ്കുവെച്ചപ്പോൾ കാണിക്കുന്ന തലക്കെട്ട്, വിവരണം, ചിത്രം, URL, ഉള്ളടക്കത്തിന്റെ തരം എന്നിവ മുൻകൂട്ടി നിർണയിക്കുന്ന HTML മെറ്റാ ടാഗുകളാണ്. സങ്കീർണ്ണമായി പറയുമ്പോൾ, OG ടാഗുകൾ നിങ്ങളുടെ സൈറ്റ് Facebook, LinkedIn, WhatsApp, X (പഴയ Twitter) പോലുള്ള പ്ലാറ്റ്ഫോമുകളിൽ എങ്ങനെ കാണപ്പെടുമെന്ന് നിയന്ത്രിക്കാനും, ശരിയായി ഉപയോഗിച്ചാൽ ക്ലിക്കുകൾ വർദ്ധിപ്പിക്കാനും, ബ്രാൻഡ് ബോധം ശക്തിപ്പെടുത്താനും, തെറ്റായ ചിത്രം അല്ലെങ്കിൽ കുറവായ വിവരണത്തെ തടയാനും സഹായിക്കുന്നു.

ഒരു ബ്ലോഗ് പോസ്റ്റ്, ഉൽപ്പന്ന പേജ്, അല്ലെങ്കിൽ കോർപ്പറേറ്റ് സർവീസ് പേജ് സോഷ്യൽ മീഡിയയിൽ പങ്കുവെച്ചപ്പോൾ, ഈ പ്ലാറ്റ്ഫോമുകൾ സാധാരണയായി ആ പേജ് സ്കാൻ ചെയ്ത് ഓട്ടോമാറ്റിക് പ്രിവ്യൂ കാർഡ് നിർമ്മിക്കുന്നു. Open Graph ഡാറ്റ നൽകിയിട്ടില്ലെങ്കിൽ, സോഷ്യൽ നെറ്റ്‌വർക്കുകൾ അനായാസം ഒരു ചിത്രം തിരഞ്ഞെടുക്കുവാനും പഴയ തലക്കെട്ട് കാണിക്കുവാനും വിവരണം ഒഴിവാക്കുവാനും സാധ്യതയുണ്ട്. ഇത് പ്രത്യേകിച്ച് ക്യാംപെയ്ൻ പേജുകൾ, ഇ-കൊമേഴ്സ് ഉൽപ്പന്നങ്ങൾ, വാർത്താ ഉള്ളടക്കം, ബ്രാൻഡ് ബോധവൽക്കരണത്തിനുള്ള കോർപ്പറേറ്റ് വെബ്സൈറ്റുകൾ എന്നിവയിൽ വലിയ പ്രകടന കിഴിവിനെത്തിക്കും.

Hostragons ബ്ലോഗിനായി ഈ ഗൈഡിൽ Open Graph ടാഗുകൾ എന്തൊക്കെയാണെന്ന്, ഏത് OG ടാഗുകൾ അനിവാര്യമാണെന്ന്, WordPress-ലും കസ്റ്റം സോഫ്റ്റ്‌വെയർ സൈറ്റുകളിലും എങ്ങനെ ചേർക്കാമെന്ന്, മികച്ച ചിത്ര വലുപ്പങ്ങൾ, ടെസ്റ്റ് ടൂളുകൾ, സാധാരണ പിഴവുകൾ എന്നിവ വിശദമായി പരിശോധിക്കും. കൂടാതെ ഹോസ്റ്റിംഗ്, SSL, ഡൊമെയ്ൻ കോൺഫിഗറേഷനുകൾ സോഷ്യൽ മീഡിയ പ്രിവ്യൂ ഗുണമേന്മയിലേക്ക് എങ്ങനെ പ്രഭാവം ചെലുത്തുന്നു എന്നതും ഉദാഹരണങ്ങളോടെ വിശദീകരിക്കും. വെബ് ഹോസ്റ്റിംഗ് ഡൊമെയ്ൻ പരിശോധന SSL സർട്ടിഫിക്കറ്റ്

ഓപ്പൺ ഗ്രാഫ് പ്രോട്ടോക്കോൾ എന്താണ്?

ഓപ്പൺ ഗ്രാഫ് പ്രോട്ടോക്കോൾ Facebook വികസിപ്പിച്ചെടുത്ത ഒരു മെറ്റാ ഡാറ്റ സ്റ്റാൻഡേർഡാണ്. ഇതിന്റെ ലക്ഷ്യം വെബ് പേജുകൾ സോഷ്യൽ മീഡിയയിൽ സമ്പന്നമായ കാർഡുകൾ ആകാരം പ്രദർശിപ്പിക്കുക എന്നതാണ്. പേജിന്റെ HTML കോഡിൽ ചേർക്കുന്ന OG ടാഗുകൾ സോഷ്യൽ നെറ്റ്‌വർക്കുകളുടെ സ്കാനറുകൾക്ക് താഴെപറയുന്ന കാര്യങ്ങൾ വ്യക്തമാക്കുന്നു: ഈ പേജിന്റെ തലക്കെട്ട് എന്താണ്? വിവരണം എന്താണ്? ഏത് ചിത്രം ഉപയോഗിക്കണം? URL എന്താണ്? ഉള്ളടക്ക തരം ലേഖനമാണ്, ഉൽപ്പന്നമാണോ, വീഡിയോയാണോ?

ഇന്ന് ഓപ്പൺ ഗ്രാഫ് Facebook-ൽ മാത്രം പരിമിതമായില്ല. LinkedIn, WhatsApp, Telegram, Slack, മറ്റ് നിരവധി മെസേജിംഗ് ആപ്പുകൾ OG ഡാറ്റ വായിച്ച് ലിങ്ക് പ്രിവ്യൂ സൃഷ്ടിക്കുന്നു. X (പഴയ Twitter) സ്വന്തം Twitter Card ടാഗുകൾ ഉപയോഗിച്ചാലും കൂടുതൽ സാഹചര്യങ്ങളിൽ OG ടാഗുകളും പ്രയോജനം ചെയ്യും. അതുകൊണ്ട് ഓപ്പൺ ഗ്രാഫ് കോൺഫിഗറേഷൻ ആധുനിക വെബ്‌സൈറ്റുകളിൽ ടെക്‌നിക്കൽ SEO, സോഷ്യൽ മീഡിയ ഓപ്റ്റിമൈസേഷൻ, ഉപയോക്തൃ അനുഭവം എന്നിവയ്ക്ക് ഇടയിൽ പാലം പണിയുന്നു.

OG ടാഗുകൾ നേരിട്ട് Google റാങ്കിംഗ് ഫാക്ടറായി കണക്കാക്കപ്പെടുന്നില്ല; അർത്ഥം OG ടാഗ് ചേർത്തത് കൊണ്ട് സ്വയം ഓർഗാനിക് റാങ്കിംഗ് ഉയരുന്നില്ല. എന്നാൽ, സോഷ്യൽ മീഡിയയിൽ കൂടുതൽ പ്രൊഫഷണലായി, വ്യക്തമായി, ക്ലിക്കുചെയ്യാൻ പ്രേരിപ്പിക്കുന്ന രീതിയിൽ പ്രത്യക്ഷപ്പെടുമ്പോൾ ട്രാഫിക് വർദ്ധിക്കുകയും ഉള്ളടക്കം കൂടുതൽ പങ്കുവെക്കപ്പെടുകയും ബ്രാൻഡ് സിഗ്നലുകൾ ശക്തിപ്പെടുകയും ചെയ്യാം. അതിനാൽ OG ടാഗുകൾ പരോക്ഷമായി ഡിജിറ്റൽ ദൃശ്യതയ്ക്ക് സഹായകമാണ്.

ഓപ്പൺ ഗ്രാഫ് ടാഗുകൾ എന്തുകൊണ്ട് പ്രാധാന്യമുള്ളത്?

സോഷ്യൽ മീഡിയ ഉപയോക്താക്കൾ ലിങ്കിൽ ക്ലിക്ക് ചെയ്യുന്നതിന് മുമ്പ് നിമിഷങ്ങൾക്കുള്ളിൽ തീരുമാനം എടുക്കുന്നു. ഈ തീരുമാനത്തെ സ്വാധീനിക്കുന്ന പ്രധാന ഘടകങ്ങൾ തലക്കെട്ട്, ചിത്രം, വിവരണം, വിശ്വാസം നൽകുന്ന ഡൊമെയ്ൻ പേരാണ്. OG ടാഗുകൾ ഈ നാല് ഘടകങ്ങളും നിയന്ത്രിക്കാനാവുന്നതാക്കുന്നു. പ്രത്യേകിച്ച് മൊബൈൽ ഉപകരണങ്ങളിൽ ലിങ്ക് കാർഡ് പലപ്പോഴും ഉപയോക്താവിന് പേജിനെക്കുറിച്ചുള്ള ആദ്യവും ഒറ്റപ്പെട്ട അനുഭവവുമാണ്.

• ക്ലിക്കിംഗ് നിരക്ക് കൂട്ടുന്നു: വ്യക്തമായ തലക്കെട്ടും ആകർഷകമായ ചിത്രവും സോഷ്യൽ മീഡിയ ഫീഡിൽ കൂടുതൽ ശ്രദ്ധ നേടും.
• ബ്രാൻഡ് ഏകോപനം ഉറപ്പാക്കുന്നു: ഓരോ പങ്കുവെപ്പിലും ശരിയായ ലോഗോ, നിറങ്ങൾ, വിവരണം, URL കാണപ്പെടും.
• തെറ്റായ ചിത്ര പ്രശ്നം തടയുന്നു: പ്ലാറ്റ്ഫോമുകൾ പേജിൽ നിന്ന് അനായാസം ചിത്രം തിരഞ്ഞെടുക്കുന്നത് തടയുന്നു.
• പങ്കുവെപ്പ് അനുഭവം മെച്ചപ്പെടുത്തുന്നു: WhatsApp, LinkedIn, Facebook പോലുള്ള പ്ലാറ്റ്ഫോമുകളിൽ പ്രൊഫഷണൽ കാർഡുകൾ സൃഷ്ടിക്കുന്നു.
• ക്യാംപെയ്ൻ പ്രകടനം പിന്തുണയ്ക്കുന്നു: ഉൽപ്പന്നങ്ങൾ, ഡിസ്കൗണ്ട്, അറിയിപ്പുകൾ എന്നിവയുടെ സന്ദേശം ശരിയായി എത്തിക്കുന്നു.

ഉദാഹരണത്തിന് ഒരു ഹോസ്റ്റിംഗ് ക്യാംപെയ്ൻ പേജ് പരിഗണിക്കാം. OG ചിത്രത്തിൽ ക്യാംപെയ്ൻ നാമം, ശതമാനം ഡിസ്‌കൗണ്ട്, ബ്രാൻഡ് നിറങ്ങൾ ഉൾപ്പെടുന്നുവെങ്കിൽ ഉപയോക്താവ് ലിങ്ക് കാണുമ്പോൾ വിഷയം ഉടൻ മനസ്സിലാകും. എന്നാൽ OG ടാഗ് ഇല്ലെങ്കിൽ സിസ്റ്റം പേജിലെ ചെറിയ ഐക്കൺ ഫയൽ അല്ലെങ്കിൽ അസംബന്ധമായ ബാനർ തിരഞ്ഞെടുക്കാം. ഇത് വിശ്വാസവും ക്ലിക്കിംഗ് ഇച്ഛയും കുറയ്ക്കും. ക്യാംപെയ്ൻ പേജുകൾ തയ്യാറാക്കുമ്പോൾ വിശ്വസനീയമായ ഇൻഫ്രാസ്ട്രക്ചർ, വേഗത്തിലുള്ള സെർവറിന്റെ പ്രതികരണം, HTTPS ഉപയോഗം എന്നിവയും പ്രധാനമാണ്. WordPress ഹോസ്റ്റിംഗ് കോർപ്പറേറ്റ് ഹോസ്റ്റിംഗ്

അനിവാര്യമായ OG ടാഗുകൾ

ഓരോ വെബ്സൈറ്റിന്റെയും ആവശ്യങ്ങൾ വ്യത്യസ്തമായിരിക്കാം, എന്നാൽ അടിസ്ഥാന Open Graph കോൺഫിഗറേഷനിൽ ചില ടാഗുകൾ നിർബന്ധമാണ്. ഇവ സോഷ്യൽ പ്ലാറ്റ്ഫോമുകൾ ലിങ്ക് ശരിയായി തിരിച്ചറിയാൻ ആവശ്യമായ കുറഞ്ഞ ഡാറ്റ സജ്ജീകരിക്കുന്നു.

og:title

og:title സോഷ്യൽ മീഡിയയിൽ കാണുന്ന തലക്കെട്ടാണ്. ഇത് പേജിന്റെ SEO ടൈറ്റിലുമായി സമാനമല്ലെങ്കിലും പ്രായോഗികമായി ചെറിയ, വ്യക്തമായ, ക്ലിക്ക് ആകർഷിക്കുന്ന തലക്കെട്ട് വയ്ക്കാം. സാധാരണയായി 40-60 അക്ഷരങ്ങൾ ഇടയിൽ സൂക്ഷിക്കുക ഉചിതമാണ്. വളരെ നീണ്ട തലക്കെട്ടുകൾ മൊബൈൽ പ്രിവ്യൂയിൽ മുറിയാവാൻ സാധ്യതയുണ്ട്.

ഉദാഹരണം: <meta property='og:title' content='ഓപ്പൺ ഗ്രാഫ് ടാഗുകളിലൂടെ സോഷ്യൽ മീഡിയ പ്രിവ്യൂ മെച്ചപ്പെടുത്തൂ'>

og:description

og:description ലിങ്ക് കാർഡിലെ ചെറിയ വിവരണമാണ്. ഉപയോക്താവിന് പേജിൽ എന്താണെന്ന് വ്യക്തമായി അറിയിക്കണം. 120-160 അക്ഷരങ്ങൾ ഇടയിൽ ഏറ്റവും അനുയോജ്യം. പരസ്യപോലെ കൂറ്റൻ വാചകങ്ങൾ ഒഴിവാക്കി വിവരപ്രദവും ആവേശം ഉളവാക്കുന്നതുമായ വിവരണം നൽകുക.

ഉദാഹരണം: <meta property='og:description' content='OG ടാഗുകൾ ഉപയോഗിച്ച് തലക്കെട്ട്, ചിത്രം, വിവരണം നിയന്ത്രിച്ച് സോഷ്യൽ മീഡിയ പങ്കുവെപ്പുകൾ പ്രൊഫഷണലാക്കൂ.'>

og:image

og:image പങ്കുവച്ചപ്പോൾ കാണിക്കേണ്ട ചിത്രത്തിന്റെ URL ആണ്. ഇത് സോഷ്യൽ മീഡിയ പ്രകടനത്തെ ഏറ്റവും കൂടുതൽ സ്വാധീനിക്കുന്ന ഘടകങ്ങളിൽ ഒന്നാണ്. ചിത്രം മുഴുവൻ URL-ഉം, HTTPS വഴി ലഭ്യമായതും തടസ്സമില്ലാത്തതുമായിരിക്കണം. 1200 x 630 പിക്‌സൽ വലുപ്പം ഏറ്റവും സാധാരണവും സുരക്ഷിതവുമായ മാനദണ്ഡമാണ്. ഫയൽ വലുപ്പം 300KB മുതൽ 1MB വരെ വേഗം ലോഡ് ചെയ്യുന്നതിന് ഉത്തമം.

ഉദാഹരണം: <meta property='og:image' content='https://udaharanam.com/images/open-graph-guide.jpg'>

og:url

og:url ഉള്ളടക്കത്തിന്റെ കാനോണിക്കൽ (ഏകീകൃത) സോഷ്യൽ പങ്കുവെപ്പ് വിലാസം സൂചിപ്പിക്കുന്നു. പാരാമീറ്ററുകൾ, സെഷൻ ഐഡികൾ, ട്രാക്കിംഗ് കോഡുകൾ ഉൾക്കൊള്ളാതെ ശുദ്ധമാകണം. ഒരേ ഉള്ളടക്കം വ്യത്യസ്ത URL-കളിൽ ലഭ്യമെങ്കിൽ, OG URL ഉപയോഗിച്ച് ഒരോഴി വ്യക്തമാക്കുന്നത് പങ്കുവെപ്പ് സ്റ്റാറ്റിസ്റ്റിക്സ് വിഭജിക്കപ്പെടാതെ തടയും.

og:type

og:type ഉള്ളടക്കത്തിന്റെ തരം വ്യക്തമാക്കുന്നു. ലേഖനങ്ങൾക്ക് article, ഹോം പേജുകൾക്ക് website, ഉൽപ്പന്ന പേജുകൾക്ക് product എന്നിവ ഉപയോഗിക്കാം. ഇത് പ്ലാറ്റ്ഫോമുകൾക്ക് ഉള്ളടക്കം ശരിയായി വർഗ്ഗീകരിക്കാനാണ് സഹായിക്കുക.

og:site_name & og:locale

og:site_name നിങ്ങളുടെ സൈറ്റിന്റെ ബ്രാൻഡ് നാമം പ്രദർശിപ്പിക്കുന്നു. og:locale ഭാഷയും പ്രദേശവും സൂചിപ്പിക്കുന്നു. മലയാളം സൈറ്റുകൾക്ക് 'ml_IN' പോലുള്ള മൂല്യം ഉപയോഗിക്കാം. ബഹുഭാഷാ സൈറ്റുകൾക്ക് ഓരോ ഭാഷയ്ക്കും ശരിയായ locale നൽകുന്നത് പ്രധാനമാണ്.

അടിസ്ഥാന OG ടാഗുകൾ - സംക്ഷിപ്ത പട്ടിക

ഓപ്പൺ ഗ്രാഫും Twitter Card-ഉം തമ്മിലുള്ള വ്യത്യാസം

ഓപ്പൺ ഗ്രാഫ് ടാഗുകൾ പല സോഷ്യൽ നെറ്റ്‌വർക്കുകളും ഉപയോഗിക്കുന്നതിനിടെ, Twitter Card ടാഗുകൾ പ്രധാനമായും X (പഴയ Twitter) പ്ലാറ്റ്ഫോമിലെ പ്രിവ്യൂസിനായി വികസിപ്പിച്ചിരിക്കുന്നു. രണ്ട് രീതികളും സമാനമാണ്, പക്ഷേ നാമകരണം, ചില സവിശേഷതകൾ വ്യത്യസ്തമാണ്. മികച്ച രീതിയാണ് ഒരു പേജിൽ OG-യും Twitter Card-ഉം ഒരേസമയം ചേർക്കുന്നത്. ഇതിലൂടെ ഉള്ളടക്കം വിവിധ പ്ലാറ്റ്ഫോമുകളിൽ കൂടുതൽ ഏകോപിതമായി കാണപ്പെടും.

പ്രായോഗികമായി, ഒരു ബ്ലോഗ് പോസ്റ്റിന് OG ടാഗുകൾ സജ്ജമാക്കിയ ശേഷം twitter:card-നെ summary_large_image ആയി നിശ്ചയിക്കുന്നത് നല്ല ഫലം നൽകുന്നു. വലിയ ചിത്രമുള്ള കാർഡ് ലഭിച്ച് മൊബൈൽ ഫീഡിൽ കൂടുതൽ ദൃശ്യപ്രാധാന്യം ലഭിക്കും.

ഓപ്പൺ ഗ്രാഫ് ടാഗുകൾ എങ്ങനെ ചേർക്കാം?

OG ടാഗുകൾ HTML കോഡിന്റെ <head> സെക്ഷനിൽ ചേർക്കണം. ഉപയോക്താവിന് കാണുന്ന ഉള്ളടക്കത്തിൽ അല്ല, എന്നാൽ ബ്രൗസറുകളും സോഷ്യൽ ബോട്ടുകളും വായിക്കുന്ന മെറ്റാ ഡാറ്റയിലായിരിക്കും ഇവ സ്ഥിതിചെയ്യുക. ഉപയോഗിക്കുന്ന പ്ലാറ്റ്ഫോം അനുസരിച്ച് ചേർക്കാനുള്ള മാർഗ്ഗം വ്യത്യസ്തമാണ്.

1. WordPress സൈറ്റുകളിൽ OG ടാഗുകൾ ചേർക്കൽ

WordPress ഉപയോഗിക്കുന്നവർക്ക് OG ടാഗുകൾ മാൻവലായി കോഡ് എഴുതാതെ സജ്ജമാക്കാം. Yoast SEO, Rank Math, All in One SEO പോലുള്ള പ്ലഗിനുകൾ ഓരോ പോസ്റ്റിനും പേജിനും സോഷ്യൽ മീഡിയ തലക്കെട്ട്, വിവരണം, ചിത്രം എന്നിവ നിർദ്ദേശിക്കാൻ സഹായിക്കുന്നു.

• SEO പ്ലഗിൻ ഇൻസ്റ്റാൾ ചെയ്ത് സജീവമാക്കുക.
• പോസ്റ്റ് അല്ലെങ്കിൽ പേജ് എഡിറ്റർ തുറക്കുക.
• സോഷ്യൽ ഷെയറിംഗ് (social) ടാബ് തുറക്കുക.
• Facebook/LinkedIn-ക്കായി തലക്കെട്ട്, വിവരണം, ചിത്രം തിരഞ്ഞെടുക്കുക.
• ചിത്രം 1200 x 630 പിക്സലിൽ അപ്ലോഡ് ചെയ്യുക.
• പേജ് അപ്ഡേറ്റ് ചെയ്ത് ടെസ്റ്റ് ടൂളിൽ പ്രിവ്യൂ പരിശോധിക്കുക.

WordPress സൈറ്റുകളിൽ പ്രകടനം വളരെ പ്രധാനമാണ്. സോഷ്യൽ ബോട്ടുകൾ പേജിൽ പ്രവേശിക്കുമ്പോൾ സെർവർ വൈകിയാൽ പ്രിവ്യൂ ഉണ്ടാകാതിരിക്കാം. അതിനാൽ വേഗതയുള്ള, വിശ്വസനീയമായ WordPress ഹോസ്റ്റിംഗ് തിരഞ്ഞെടുക്കുക ആവശ്യമാണ്. WordPress ഹോസ്റ്റിംഗ് ലൈറ്റ് സ്പീഡ് ഹോസ്റ്റിംഗ്

2. കസ്റ്റം സോഫ്റ്റ്‌വെയർ അല്ലെങ്കിൽ സ്റ്റാറ്റിക് സൈറ്റുകളിൽ OG ടാഗുകൾ ചേർക്കൽ

Laravel, Next.js, Nuxt, ശുദ്ധമായ HTML, സ്റ്റാറ്റിക് സൈറ്റ് ജനറേറ്റർ എന്നിവ ഉപയോഗിക്കുന്നവർക്ക് OG ടാഗുകൾ ടെംപ്ലേറ്റിൽ നിർവചിക്കാം. ബ്ലോഗ് പോസ്റ്റുകൾക്കും ഉൽപ്പന്ന പേജുകൾക്കും തലക്കെട്ട്, വിവരണം, ചിത്രം ഡൈനാമിക് ആയി ഡാറ്റാബേസിൽ നിന്ന് ശേഖരിക്കണം.

ഒരു ലളിതമായ ഉദാഹരണം: <meta property='og:title' content='പേജ് തലക്കെട്ട്'> <meta property='og:description' content='പേജ് വിവരണം'> <meta property='og:image' content='https://site.com/og-image.jpg'> <meta property='og:url' content='https://site.com/page'> <meta property='og:type' content='article'>

ഡൈനാമിക് സിസ്റ്റങ്ങളിൽ ഏറ്റവും സാധാരണ പിഴവാണ് എല്ലാ പേജുകൾക്കും ഒരേ OG തലക്കെട്ടും ചിത്രവും നൽകുക. ഇത് പ്രത്യേകിച്ച് നൂറുകണക്കിന് ഉൽപ്പന്നങ്ങൾ ഉള്ള ഇ-കൊമേഴ്സ് സൈറ്റുകളിൽ പങ്കുവെപ്പ് പ്രകടനം കുറയ്ക്കും. ഓരോ പ്രധാന പേജിനും അനുയോജ്യമായ OG ഡാറ്റ വേണം.

3. ഇ-കൊമേഴ്സ് സൈറ്റുകളിൽ ഉൽപ്പന്നം അടിസ്ഥാനമാക്കിയുള്ള OG ഉപയോഗം

ഇ-കൊമേഴ്സ് പേജുകളിൽ ഉൽപ്പന്ന നാമം og:title-ലേക്ക്, ഉൽപ്പന്നത്തിന്റെ പ്രധാന ലാഭം og:description-ലേക്ക്, ഉയർന്ന ഗുണമേന്മയുള്ള ഉൽപ്പന്നചിത്രം og:image-ലേക്ക് ചേർക്കണം. സ്റ്റോക്കിൽ ഇല്ലാത്ത ഉൽപ്പന്നങ്ങളിൽ ഉപയോക്താവിനെ തെറ്റിദ്ധരിപ്പിക്കുന്ന ക്യാംപെയ്ൻ വാചകങ്ങൾ ഒഴിവാക്കുക. ഉൽപ്പന്ന വേരിയന്റുകൾ ഉണ്ടെങ്കിൽ പ്രധാന ഉൽപ്പന്ന പേജിന്റെ കാനോണിക്കൽ URL og:url ആയി ഉപയോഗിക്കാം.

ഉദാഹരണത്തിന്, ഉൽപ്പന്നം സോഷ്യൽ മീഡിയയിൽ പങ്കുവെച്ചപ്പോൾ ഉപയോക്താവ് നേരിട്ട് ഉൽപ്പന്ന ചിത്രം, വിലാ ലാഭം, പ്രധാന സവിശേഷത എന്നിവ മനസ്സിലാക്കണം. വിവരണത്തിൽ അത്യധികം വിൽപ്പന വാചകങ്ങൾ ഒഴിവാക്കി, ഉൽപ്പന്നം എന്ത് നൽകുന്നു എന്ന് ലളിതമായി പറഞ്ഞാൽ വിശ്വാസം വർദ്ധിക്കും.

ഓപ്പൺ ഗ്രാഫ് ചിത്രത്തിന്റെ അനുയോജ്യമായ വലുപ്പവും ഫയൽ മാനദണ്ഡങ്ങളും

OG ചിത്രം ലിങ്ക് കാർഡിന്റെ ഏറ്റവും ദൃശ്യമായ ഘടകമാണ്. താഴ്ന്ന റെസല്യൂഷൻ, മുറിയലായ, ടെക്സ്റ്റ് വായിക്കാൻ ബുദ്ധിമുട്ടുള്ള ചിത്രങ്ങൾ പ്രൊഫഷണൽ തോന്നിക്കാറില്ല. 2026 വരെ ഏറ്റവും സുരക്ഷിതമായ വലുപ്പം 1200 x 630 പിക്‌സലാണ്. ഇത് ഏകദേശം 1.91:1 അനുപാതമാണ്, Facebook, LinkedIn ഉൾപ്പെടെ പല പ്ലാറ്റ്ഫോമുകളിലും സുഖപ്രദമായി കാണപ്പെടുന്നു.

• ശുപാർശ ചെയ്ത വലുപ്പം: 1200 x 630 പിക്സൽ
• അധികം കുറഞ്ഞ വലുപ്പം: 600 x 315 പിക്സൽ, എന്നാൽ ഉയർന്ന ഗുണമേന്മക്ക് വലിയ വലുപ്പം ഉത്തമം
• ഫോർമാറ്റ്: JPG അല്ലെങ്കിൽ PNG സാധാരണയായി പിന്തുണയ്ക്കുന്നു; WebP ചില പ്ലാറ്റ്ഫോമുകളിൽ പ്രശ്നം വരുത്താം
• ഫയൽ വലുപ്പം: സാധ്യതയുള്ളതെങ്കിൽ 1MB-ലധികം ഒഴിവാക്കുക
• URL: പൂർണ്ണ URL ഉപയോഗിക്കുക; സ.relative പാതകൾ ഒഴിവാക്കുക
• HTTPS: സുരക്ഷിത കണക്ഷൻ വഴി ലഭ്യമാകണം

ഡിസൈനിൽ പ്രധാനമായ വാചകങ്ങൾ അത്രയധികം അരികിൽ വച്ചാൽ ചില പ്ലാറ്റ്ഫോമുകൾ കാർഡ് മുറിക്കാം. ലോഗോ, തലക്കെട്ട്, പ്രധാന സന്ദേശം മദ്ധ്യത്തിൽ ആക്കുന്നത് സുരക്ഷിതമാണ്. ഓരോ പോസ്റ്റിനും വ്യത്യസ്ത OG ചിത്രം ഉണ്ടാക്കുന്നത് സോഷ്യൽ മീഡിയ ഫീഡിൽ ആവർത്തനഭാവം കുറക്കുന്നു.

OG ടാഗുകൾ ടെസ്റ്റ് ചെയ്യലും കാഷെ പ്രശ്നങ്ങളും

OG ടാഗുകൾ ചേർത്ത ശേഷം അവ ടെസ്റ്റ് ചെയ്യുന്നത് നിർബന്ധമാണ്. കാരണം സോഷ്യൽ പ്ലാറ്റ്ഫോമുകൾ പേജുകൾ കാഷെ ചെയ്യുന്നു. ഒരിക്കൽ തെറ്റായ ചിത്രം അല്ലെങ്കിൽ വിവരണം എടുത്ത് വച്ചാൽ മാറ്റം വരുത്തിയാലും പഴയ പ്രിവ്യൂ കുറേ സമയം തുടരും.

ഉപയോഗിക്കാവുന്ന ടെസ്റ്റ് ടൂളുകൾ

• Facebook Sharing Debugger: URL സ്കാൻ ചെയ്ത് OG ടാഗുകൾ കാണിക്കുകയും കാഷെ പുതുക്കുകയും ചെയ്യുന്നു.
• LinkedIn Post Inspector: LinkedIn കാർഡ് പ്രിവ്യൂ പരിശോധിക്കാൻ.
• Twitter Card Validator: X കാർഡ് ഘടന ശരിയാണോ എന്ന് പരിശോധിക്കാൻ.
• WhatsApp ടെസ്റ്റ്: ലിങ്ക് സ്വയം അയച്ച് മൊബൈൽ പ്രിവ്യൂ പരിശോധിക്കുക.

ടെസ്റ്റ് ചെയ്യുമ്പോൾ 404 പിശക്, 403 പ്രാപ്യത തടസം, SSL മുന്നറിയിപ്പ്, robots.txt നിയന്ത്രണം പോലുള്ള പ്രശ്നങ്ങൾ ഉണ്ടെങ്കിൽ സോഷ്യൽ ബോട്ടുകൾ പേജിൽ എത്താൻ കഴിയില്ല. ഈ സാഹചര്യം ഹോസ്റ്റിംഗ് സുരക്ഷാ ക്രമീകരണങ്ങൾ, CDN നയം, ഫയർവാൾ കോൺഫിഗറേഷൻ എന്നിവ പരിശോധിക്കണം. സുരക്ഷിതവും ശരിയായ SSL കോൺഫിഗറേഷനും സോഷ്യൽ മീഡിയ ബോട്ടുകൾക്ക് ചിത്രങ്ങളും പേജ് റിസോഴ്സുകളും ലഭ്യമാക്കുന്നതിൽ പ്രധാന പങ്ക് വഹിക്കുന്നു. SSL സർട്ടിഫിക്കറ്റ് CDN എന്താണ് 403 നിരോധിത പിഴവ് പരിഹാരം

OG താളുകളിൽ സാധാരണയായി കാണപ്പെടുന്ന പിഴവുകൾ

OG പ്രയോഗത്തിൽ ചെറിയ പിശകുകൾ വലിയ പ്രദർശന പ്രശ്നങ്ങൾ ഉണ്ടാക്കും. താഴെ കാണുന്ന കാര്യങ്ങൾ ടെക്‌നിക്കൽ SEO പരിശോധനയിൽ പലപ്പോഴും ശ്രദ്ധിക്കപ്പെടുന്ന പ്രശ്നങ്ങളാണ്.

• റിലേറ്റീവ് ചിത്ര പാതകൾ ഉപയോഗിക്കുന്നത്: /images/og.jpg എന്നതിന് പകരം https://site.com/images/og.jpg പോലുള്ള പൂർണ്ണ URL ഉപയോഗിക്കുക.
• ചിത്രം പ്രവേശനത്തിന് തടസ്സം: ഹോട്ട്ലിങ്ക് സംരക്ഷണം, ഫയർവാൾ, തെറ്റായ ഫയൽ അനുമതികൾ ബോട്ടുകൾ തടഞ്ഞേക്കാം.
• ഓരോ പേജിലും ഒരേ OG ഉള്ളടക്കം: ബ്ലോഗ്, ഉൽപ്പന്നം, സർവീസ് പേജുകൾക്ക് വ്യത്യസ്ത തലക്കെട്ടും വിവരണവും വേണം.
• വളരെ നീണ്ട തലക്കെട്ടുകൾ: മൊബൈൽ പ്രിവ്യൂയിൽ മുറിഞ്ഞ് സന്ദേശം വ്യക്തത നഷ്ടപ്പെടും.
• HTTPS ഉപയോഗിക്കാതിരിക്കുക: സുരക്ഷാ മുന്നറിയിപ്പുകളും പ്രവേശന പ്രശ്നങ്ങളും ഉണ്ടാകും.
• കാഷെ ക്ലിയർ ചെയ്യാതിരിക്കുക: പഴയ ചിത്രം തുടരും കാണപ്പെടുന്നത്.
• കാനോണിക്കൽ URL-നും OG URL-നും തമ്മിൽ പൊരുത്തക്കേട്: പങ്കുവെപ്പ് സിഗ്നലുകൾ വിഭജിക്കപ്പെടും.

ഉദാഹരണത്തിന്, ബ്ലോഗ് പോസ്റ്റിലെ പ്രധാന ചിത്രം മാറ്റിയിട്ടും WhatsApp പഴയ ചിത്രം കാണിക്കുകയാണെങ്കിൽ, ആദ്യം പേജ് സ്രോതസ്സിൽ og:image മൂല്യം ശരിയാണെന്ന് ഉറപ്പാക്കുക. ശേഷം Facebook Sharing Debugger പോലുള്ള ടൂളിൽ URL വീണ്ടും സ്കാൻ ചെയ്യുക. പഴയ ചിത്രം തുടരുകയാണെങ്കിൽ CDN കാഷെ, സെർവർ കാഷെ എന്നിവ ക്ലിയർ ചെയ്യുക.

SEO കോണിൽ നിന്നും ഓപ്പൺ ഗ്രാഫ് ടാഗുകൾ വിലയിരുത്തൽ

OG ടാഗുകൾ പരമ്പരാഗത അർത്ഥത്തിൽ പേജ് ഇന്റർനൽ SEO ടാഗുകൾ അല്ല; title, meta description, canonical, structured data പോലുള്ളവയിൽ നിന്നു വേറിട്ടതാണ്. എന്നാൽ 2026 SEO രീതിയിൽ ഉപയോക്തൃ പെരുമാറ്റം, ബ്രാൻഡ് വിശ്വാസം, ഉള്ളടക്കം വിതരണം, ബഹുമുഖ ദൃശ്യത എന്നിവ കൂടി പരിഗണിക്കേണ്ടതാണ്. സോഷ്യൽ മീഡിയയിൽ നല്ല പ്രകടനം കാഴ്ചവെക്കുന്ന ഉള്ളടക്കം കൂടുതൽ ക്ലിക്കുകൾ, പങ്കുവെക്കലുകൾ, ഫീഡ്ബാക്കുകൾ നേടും.

ഗൂഗിൾ AI ഓവർവ്യൂകൾക്കും സമൃദ്ധമായ സെർച്ച് ഫലങ്ങൾക്കുമായി ഉള്ളടക്കം സേർച്ച് എഞ്ചിൻ ബോട്ടുകൾക്കുപോലെ, വിവിധ പ്ലാറ്റ്ഫോമുകളുടെ പ്രിവ്യൂ സിസ്റ്റങ്ങൾക്കും മനസ്സിലാകണം. അതിനാൽ OG ടാഗുകൾ ടെക്‌നിക്കൽ SEO ചെക്ക്‌ലിസ്റ്റിന്റെ അവിഭാജ്യ ഭാഗമാണ്.

നല്ല പ്രാക്ടീസ്: SEO തലക്കെട്ടും OG തലക്കെട്ടും ഒരേ ലക്ഷ്യത്തിനായി എഴുതുക. SEO തലക്കെട്ട് സെർച്ച് റിസൾട്ടുകളിൽ മത്സരം നടത്തുമ്പോൾ, OG തലക്കെട്ട് സോഷ്യൽ ഫീഡിൽ ശ്രദ്ധ പിടിച്ചെടുക്കണം. ഇരുവരും തമ്മിൽ വിരുദ്ധമാകാതെ, ഉപയോക്താവിനെ തെറ്റിദ്ധരിപ്പിക്കാതെ സൈറ്റ് ഉള്ളടക്കം ശരിയായി പ്രതിനിധീകരിക്കണം. മെറ്റാ വിവരണം, og:description എന്നിവയും സമാനമായി ഒത്തുചേരുകയും പ്ലാറ്റ്ഫോം അനുസരിച്ച് മെച്ചപ്പെടുത്തുകയും വേണം.

ഓപ്പൺ ഗ്രാഫ് പരിശോധിക്കൽ - ഘട്ടം ഘട്ടമായുള്ള ഒരു ചെക്ക്‌ലിസ്റ്റ്

പുതിയ പേജ് പ്രസിദ്ധീകരിക്കുന്നതിന് മുൻപായി താഴെ കൊടുത്തിരിക്കുന്ന ചെക്ക്‌ലിസ്റ്റ് ഉപയോഗിച്ച് വേഗത്തിൽ പരിശോധന നടത്താം. പ്രത്യേകിച്ച് ഏജൻസികൾ, ഉള്ളടക്കം ടീമുകൾ, വെബ് അഡ്മിനുകൾക്ക് സ്റ്റാൻഡേർഡ് പ്രസിദ്ധീകരണ പ്രക്രിയയ്ക്ക് ഇത് സഹായിക്കും.

• പേജിന് വ്യത്യസ്തമായ og:title ഉണ്ടോ?
• og:description പേജ് ശരിയായി, ചുരുക്കത്തിൽ വിവരിക്കുന്നുണ്ടോ?
• og:image 1200 x 630 പിക്സലിൽ ഉന്നത ഗുണമേന്മയുള്ളതാണോ?
• ചിത്രം HTTPS വഴി എല്ലാവർക്കും ലഭ്യമാണോ?
• og:url കാനോണിക്കൽ URL-നോട് പൊരുത്തപ്പെടുന്നുണ്ടോ?
• og:type ഉള്ളടക്ക തരം ശരിയായി തെരഞ്ഞെടുക്കപ്പെട്ടിട്ടുണ്ടോ?
• മലയാളം ലക്ഷ്യമാക്കിയ പേജിൽ og:locale ml_IN ആയി സജ്ജമാക്കിയിട്ടുണ്ടോ?
• Facebook, LinkedIn, WhatsApp എന്നിവയിൽ പ്രിവ്യൂ പരീക്ഷിച്ചിട്ടുണ്ടോ?
• CDN അല്ലെങ്കിൽ സെർവർ കാഷെ ക്ലിയർ ചെയ്തിട്ടുണ്ടോ?
• മൊബൈൽ പ്രിവ്യൂയിൽ തലക്കെട്ടും ചിത്രവും മുറിഞ്ഞിട്ടില്ലെന്ന് ഉറപ്പുള്ളോ?

ഈ ലിസ്റ്റ് ഓരോ പുതിയ ബ്ലോഗ് പോസ്റ്റിനും, ഉൽപ്പന്ന പേജിനും, ക്യാംപെയ്ൻ പേജിനും, പ്രധാന കോർപ്പറേറ്റ് പേജിനും പ്രയോഗിച്ചു സോഷ്യൽ മീഡിയ ദൃശ്യതയിൽ സ്ഥിരതയും ഉൽപ്പാദനക്ഷമതയും ഉറപ്പ് വരുത്താം. കൂടാതെ ടീമിനുള്ളിൽ ഗുണനിലവാര പരിശോധന വേഗത്തിലാക്കും.

ഹോസ്റ്റിംഗ്, SSL, ഡൊമെയ്ൻ എന്നിവയുടെ OG പ്രിവ്യൂ ഗുണമേന്മയിലെ പങ്ക്

OG ടാഗുകൾ HTML-ൽ ചേർക്കപ്പെട്ടാലും ശരിയായി പ്രവർത്തിക്കാൻ വെബ് ഇൻഫ്രാസ്ട്രക്ചർ സുസ്ഥിരമായിരിക്കണം. സോഷ്യൽ മീഡിയ ബോട്ടുകൾ പേജിൽ എത്തുമ്പോൾ സെർവർ വേഗത്തിൽ, പിഴവുകളില്ലാതെ പ്രതികരിക്കണം. സെർവർ ടൈം ഔട്ട്, തെറ്റായ SSL സർട്ടിഫിക്കറ്റ്, 403 തടസം, ചിത്രങ്ങൾ തടയുക തുടങ്ങിയ പ്രശ്നങ്ങൾ ഉണ്ടെങ്കിൽ പ്രിവ്യൂ കാർഡ് ഇല്ലാതാകാം.

ഡൊമെയ്ൻ പേരും വിശ്വാസത്തിനെക്കുറിച്ചുള്ള ഒരു സൂചകമാണ്. ചുരുങ്ങിയ, വായിക്കാൻ എളുപ്പമുള്ള, ബ്രാൻഡുമായി പൊരുത്തമുള്ള ഡൊമെയ്ൻ പേര് പങ്കുവെപ്പ് കാർഡിൽ കൂടുതൽ പ്രൊഫഷണൽ തോന്നും. SSL സർട്ടിഫിക്കറ്റ് ഉപയോക്തൃ വിശ്വാസത്തിനും പ്ലാറ്റ്‌ഫോം അനുയോജ്യതയ്ക്കും അടിസ്ഥാനമാണ്. പുതിയ സൈറ്റ് തുടങ്ങുമ്പോൾ ഡൊമെയ്ൻ, ഹോസ്റ്റിംഗ്, SSL എന്നിവ തുടങ്ങുമ്പോൾ ശരിയായി ക്രമീകരിക്കണം, പിന്നീട് സൃഷ്ടാവും SEO പ്രശ്നങ്ങളും കുറയ്ക്കാൻ സഹായിക്കും. ഡൊമെയ്ൻ പരിശോധന വെബ് ഹോസ്റ്റിംഗ് SSL സർട്ടിഫിക്കറ്റ്

സംഗ്രഹം: ഓപ്പൺ ഗ്രാഫ് ടാഗുകൾ ചെറിയെങ്കിലും ശക്തമായ ഒരു ഓപ്റ്റിമൈസേഷനാണ്

ഓപ്പൺ ഗ്രാഫ് (OG) ടാഗുകൾ നിങ്ങളുടെ വെബ്‌സൈറ്റ് സോഷ്യൽ മീഡിയയിൽ എങ്ങനെ പ്രത്യക്ഷപ്പെടും എന്നത് നിയന്ത്രിക്കുന്ന അടിസ്ഥാന മെറ്റാ ഡാറ്റയാണ്. ശരിയായ തലക്കെട്ട്, വിവരണം, ചിത്രം, URL എന്നിവ ഉപയോഗിച്ച് ലിങ്കുകൾ കൂടുതൽ വിശ്വസനീയവും വ്യക്തവുമായും ക്ലിക്കുചെയ്യാൻ പ്രേരിപ്പിക്കുന്നതുമായുമാകും. ഈ ഓപ്റ്റിമൈസേഷൻ നേരിട്ട് റാങ്ക് ഉറപ്പു നൽകുന്നില്ല; പക്ഷേ സോഷ്യൽ ട്രാഫിക്, ബ്രാൻഡ് ബോധം, ഉള്ളടക്കം വിതരണം എന്നിവയിൽ ശക്തമായ പിന്തുണ നൽകുന്നു.

പുതിയ ഉള്ളടക്കം പ്രസിദ്ധീകരിക്കുമ്പോൾ OG ടാഗുകൾ പരിശോധിക്കുക, ചിത്രങ്ങൾ ശരിയായ വലുപ്പത്തിൽ തയ്യാറാക്കുക, പങ്കുവെപ്പ് പ്രിവ്യൂ ടെസ്റ്റ് ചെയ്യുക പ്രൊഫഷണൽ വെബ് മാനേജ്മെന്റ് ശീലമാണ്. വേഗതയുള്ള ഹോസ്റ്റിംഗ്, സുരക്ഷിത SSL, ശരിയായ ഡൊമെയ്ൻ മാനേജ്മെന്റ് എന്നിവയാൽ നിങ്ങളുടെ സോഷ്യൽ മീഡിയ കാർഡുകൾ മുടക്കങ്ങളില്ലാതെ പ്രവർത്തിക്കും. Hostragons പരിഹാരങ്ങൾ പരിശോധിച്ച് നിങ്ങളുടെ സൈറ്റിനായി വിശ്വസനീയമായ അടിസ്ഥാനമൊരുക്കാം, തുടർന്ന് OG പരിശോധനകളെ സ്ഥിരമായ പ്രസിദ്ധീകരണ പ്രക്രിയയുടെ ഭാഗമാക്കാം.

സാധാരണ ചോദിക്കപ്പെടുന്ന ചോദ്യങ്ങൾ

ഓപ്പൺ ഗ്രാഫ് (OG) ടാഗുകൾ എന്തിനാണ്?

ഓപ്പൺ ഗ്രാഫ് (OG) ടാഗുകൾ ഒരു വെബ് പേജ് സോഷ്യൽ മീഡിയയിൽ പങ്കുവെച്ചപ്പോൾ കാണിക്കുന്ന തലക്കെട്ട്, വിവരണം, ചിത്രം, URL എന്നിവ നിർണയിക്കുന്നു. ഇതുവഴി ലിങ്കിന്റെ പ്രിവ്യൂ കൂടുതൽ പ്രൊഫഷണലും ഏകോപിതവുമായാണ് കാണപ്പെടുക.

OG ടാഗുകൾ SEO റാങ്കിംഗിനെ നേരിട്ട് ബാധിക്കുമോ?

OG ടാഗുകൾ Google റാങ്കിംഗ് ഫാക്ടറായി കണക്കാക്കപ്പെടുന്നില്ല. എന്നാൽ, സോഷ്യൽ മീഡിയയിൽ കൂടുതൽ ക്ലിക്കുകൾ, പങ്കുവെക്കലുകൾ, ബ്രാൻഡ് വിശ്വാസം വർദ്ധിപ്പിച്ച് SEO പ്രകടനത്തിൽ പരോക്ഷമായി സഹായകമാണ്.

OG ചിത്രത്തിന്റെ വലുപ്പം എത്ര പിക്‌സലാകണം?

സാധാരണ ഉപയോഗത്തിനായി ഏറ്റവും സുരക്ഷിതമായ OG ചിത്ര വലുപ്പം 1200 x 630 പിക്‌സലാണ്. ചിത്രം HTTPS വഴി ലഭ്യമാകണം, ഗുണമേന്മയോടെ ആയിരിക്കണം, കൂടുതൽ 1MB വലുപ്പം ഒഴിവാക്കുക.

WordPress-ൽ OG ടാഗുകൾ എങ്ങനെ ചേർക്കാം?

WordPress-ൽ Yoast SEO, Rank Math, All in One SEO പോലുള്ള പ്ലഗിനുകൾ ഉപയോഗിച്ച് ഓരോ പോസ്റ്റിലും പേജിലും സോഷ്യൽ മീഡിയ തലക്കെട്ട്, വിവരണം, ചിത്രം എളുപ്പത്തിൽ സജ്ജമാക്കാം.

WhatsApp തെറ്റായ ചിത്രം കാണിച്ചാൽ എന്ത് ചെയ്യണം?

ആദ്യം പേജ് സ്രോതസ്സിൽ og:image മൂല്യം ശരിയാണെന്ന് ഉറപ്പാക്കുക. തുടർന്ന് കാഷെ, CDN കാഷെ ക്ലിയർ ചെയ്യുക, Facebook Sharing Debugger പോലുള്ള ടൂളുകൾ ഉപയോഗിച്ച് URL വീണ്ടും സ്കാൻ ചെയ്യുക, പിന്നെ ലിങ്ക് വീണ്ടും പരിശോധന നടത്തുക.