OGP ടാഗ് ജനറേറ്റർ (og:title/og:image ഓട്ടോ ഔട്ട്പുട്ട്)
URL, ടൈറ്റിൽ, വിവരണം, ഇമേജ് ലിങ്ക് എന്നിവ നൽകുക. Open Graph + Twitter Card ടാഗുകൾ ഒന്നിച്ച് നിർമ്മിക്കാം.
Fetch നിങ്ങളുടെ ബ്രൗസറിൽ നേരിട്ട് നടക്കുന്നു (CORS പരിധികൾ ബാധകമാണ്).
ഇൻപുട്ട്
1) പ്രധാന വിവരങ്ങൾ
വെബ്സൈറ്റ് അല്ലെങ്കിൽ ലേഖനം എന്നത് തിരഞ്ഞെടുക്കുക.
2) Twitter Card
ഓപ്ഷണൽ / സാധാരണയായി ഓൺ ആയിരിക്കും
Twitter Card ടാഗുകൾ ഉൾപ്പെടുത്തുക
- • twitter:title നൽകിയിട്ടില്ലെങ്കിൽ og:title ഉപയോഗിക്കും.
- • twitter:description നൽകിയിട്ടില്ലെങ്കിൽ og:description ഉപയോഗിക്കും.
- • twitter:image നൽകിയിട്ടില്ലെങ്കിൽ og:image ഉപയോഗിക്കും.
3) വിപുലമായവ
കൂടുതൽ മാറ്റങ്ങൾ വരുത്താൻ മാത്രം തുറക്കുക.
അന്ധരായവർക്കും മറ്റും ചിത്രം മനസ്സിലാക്കാൻ സഹായിക്കുന്ന ടെക്സ്റ്റ്.
വീതിയും നീളവും നൽകുന്നത് പ്രിവ്യൂ വേഗത്തിൽ വരാൻ സഹായിക്കും.
ISO 8601 ഫോർമാറ്റ് ഉപയോഗിക്കുക.
മെറ്റാ ടാഗുകൾ
പ്രിവ്യൂ
ഓപ്ഷനുകൾ
എങ്ങനെ ഉപയോഗിക്കാം?
- URL, ടൈറ്റിൽ, വിവരണം, ഇമേജ് ലിങ്ക് എന്നിവ നൽകുക.
- ടൈപ്പ്, Twitter Card ക്രമീകരണങ്ങൾ എന്നിവ തിരഞ്ഞെടുക്കുക.
- ജനറേറ്റ് ചെയ്ത ടാഗുകൾ കോപ്പി ചെയ്ത് നിങ്ങളുടെ വെബ്സൈറ്റിന്റെ <head> ഭാഗത്ത് ചേർക്കുക.
URL + ടൈറ്റിൽ + ഇമേജ് എന്നിവ നൽകിയ ശേഷം 'ശുപാർശ ചെയ്യുന്നവ' കോപ്പി ചെയ്യുക.
കുറിപ്പുകളും ടിപ്സും
എന്താണ് OGP?
സോഷ്യൽ മീഡിയ പ്ലാറ്റ്ഫോമുകൾക്ക് നിങ്ങളുടെ പേജിന്റെ ടൈറ്റിൽ, വിവരണം, ചിത്രം എന്നിവ മനസ്സിലാക്കാൻ OGP സഹായിക്കുന്നു.
ഇത് ശരിയായി നൽകുന്നതിലൂടെ ലിങ്കുകൾ ഷെയർ ചെയ്യുമ്പോൾ അവ കൂടുതൽ ഭംഗിയായി കാണപ്പെടും.
Twitter Cards (X) സമാനമായ വിവരങ്ങളാണ് ഉപയോഗിക്കുന്നത്.
ഇമേജ് വലുപ്പം (പ്രിവ്യൂ കൃത്യമാകാൻ)
- • കുറഞ്ഞത് 200×200.
- • മികച്ച ഡിസ്പ്ലേയ്ക്കായി 1200×630 അല്ലെങ്കിൽ അതിൽ കൂടുതൽ.
- • 1.91:1 അനുപാതം ചിത്രം മുറിഞ്ഞുപോകാതിരിക്കാൻ സഹായിക്കും.
- • File size guidance includes 8MB or less.
- • summary_large_image 2:1 അനുപാതം പിന്തുണയ്ക്കുന്നു; കുറഞ്ഞത് 300×157.
- • 5MB-യിൽ താഴെ വലുപ്പമുള്ള JPG/PNG/WEBP/GIF ചിത്രങ്ങൾ.
മാറ്റങ്ങൾ കാണുന്നില്ലെങ്കിൽ (Cache & Re-fetch)
- • സോഷ്യൽ മീഡിയകൾ പ്രിവ്യൂ വിവരങ്ങൾ സേവ് (cache) ചെയ്തു വെക്കാറുണ്ട്. മാറ്റങ്ങൾ ഉടൻ കാണാൻ ഓരോ പ്ലാറ്റ്ഫോമിന്റെയും ഡെബഗ്ഗർ ടൂളുകൾ ഉപയോഗിക്കുക.
- • ചിത്രം മാറ്റിയിട്ടും പഴയത് തന്നെയാണ് കാണിക്കുന്നതെങ്കിൽ, ചിത്രത്തിന്റെ പേര് മാറ്റുകയോ ലിങ്കിന്റെ അവസാനം ഒരു ക്വറി സ്ട്രിംഗ് ചേർക്കുകയോ ചെയ്യുക.
- • Adding og:image:width/height can improve render stability. (Facebook Developers)
ചോദ്യോത്തരങ്ങൾ
Twitter Card ടാഗുകൾ വേണോ?
അതെ, നൽകുന്നത് നല്ലതാണ്. ഇല്ലെങ്കിൽ Twitter (X) ഓട്ടോമാറ്റിക്കായി OG ടാഗുകൾ ഉപയോഗിക്കും.
ഏറ്റവും നല്ല ഇമേജ് സൈസ് ഏതാണ്?
സാധാരണയായി 1200×630 ആണ് നല്ലത്. X-ന് 2:1 അനുപാതമാണ് മികച്ചത്.
പ്രിവ്യൂ അപ്ഡേറ്റ് ആകുന്നില്ല
ഇത് പലപ്പോഴും കാഷെ (cache) മൂലമാണ്. പ്ലാറ്റ്ഫോമുകളുടെ ഒഫീഷ്യൽ ടൂളുകൾ ഉപയോഗിച്ച് പ്രിവ്യൂ റിഫ്രഷ് ചെയ്യുക.