ಉಚಿತ ಪರಿವರ್ತಕ

OG ಟ್ಯಾಗ್ ಜನರೇಟರ್

Facebook, Twitter ಮತ್ತು LinkedIn ಗಾಗಿ ಓಪನ್ ಗ್ರಾಫ್ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ರಚಿಸಿ. ಲೈವ್ ಸಾಮಾಜಿಕ ಕಾರ್ಡ್ ಪೂರ್ವವೀಕ್ಷಣೆಯೊಂದಿಗೆ ಉಚಿತ OG ಟ್ಯಾಗ್ ಜನರೇಟರ್.

0/95
0/200

ಫೇಸ್ಬುಕ್ ಪೂರ್ವವೀಕ್ಷಣೆ

YOURWEBSITE.COM
ನಿಮ್ಮ ಪುಟದ ಶೀರ್ಷಿಕೆ (ಗರಿಷ್ಠ 95 ಅಕ್ಷರಗಳು)
ನಿಮ್ಮ ಪುಟದ ಸಂಕ್ಷಿಪ್ತ ವಿವರಣೆ (ಗರಿಷ್ಠ 200 ಅಕ್ಷರಗಳು)

HTML ಅನ್ನು ರಚಿಸಲಾಗಿದೆ

<!-- Open Graph Tags -->
<meta property="og:title" content="" />
<meta property="og:description" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="" />
<meta property="og:locale" content="en_US" />

<!-- Twitter Card Tags -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="" />
<meta name="twitter:image" content="" />

ಈ ಉಪಕರಣದ ಬಗ್ಗೆ

ಓಪನ್ ಗ್ರಾಫ್ (OG) ಟ್ಯಾಗ್‌ಗಳು ಸಾಮಾಜಿಕ ವೇದಿಕೆಗಳಲ್ಲಿ ಹಂಚಿಕೊಂಡಾಗ ಪುಟವು ಹೇಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ ಎಂಬುದನ್ನು ನಿಯಂತ್ರಿಸುತ್ತದೆ. Facebook, LinkedIn, Slack, Discord, ಮತ್ತು ಅನೇಕ ಇತರರು ಪೂರ್ವವೀಕ್ಷಣೆ ಕಾರ್ಡ್‌ಗಳನ್ನು ನಿರ್ಮಿಸಲು OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ಓದುತ್ತಾರೆ. ಸರಿಯಾದ OG ಟ್ಯಾಗ್‌ಗಳಿಲ್ಲದೆ, ಹಂಚಿದ ಲಿಂಕ್‌ಗಳು ಮುರಿದಂತೆ ಕಾಣುತ್ತವೆ - ಜೆನೆರಿಕ್ ಫೆವಿಕಾನ್‌ಗಳು, ಕಾಣೆಯಾದ ಚಿತ್ರಗಳು, ಮೊಟಕುಗೊಳಿಸಿದ ಶೀರ್ಷಿಕೆಗಳು. ಅವರೊಂದಿಗೆ, ಷೇರುಗಳು ಹೊಳಪು ಕಾಣುತ್ತವೆ ಮತ್ತು ಕ್ಲಿಕ್-ಥ್ರೂ ದರಗಳು ಗಮನಾರ್ಹವಾಗಿ ಸುಧಾರಿಸುತ್ತವೆ.

ಪ್ರಮಾಣಿತ OG ಟ್ಯಾಗ್‌ಗಳು: og:ಶೀರ್ಷಿಕೆ (ಪೂರ್ವವೀಕ್ಷಣೆಯಲ್ಲಿ ತೋರಿಸಿರುವ ಶೀರ್ಷಿಕೆ), og:ವಿವರಣೆ (ಪಠ್ಯದ ತುಣುಕು), og:ಚಿತ್ರ (ಪೂರ್ವವೀಕ್ಷಣೆ ಚಿತ್ರ, ಆದರ್ಶಪ್ರಾಯವಾಗಿ 1200×630), og:url (ಕ್ಯಾನೋನಿಕಲ್ URL), og:ಟೈಪ್ (ಸಾಮಾನ್ಯವಾಗಿ 'ವೆಬ್‌ಸೈಟ್' ಅಥವಾ 'ಲೇಖನ'). Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್‌ಗಳು ಮೇಲಿನ ಪದರ: ಟ್ವಿಟರ್:ಕಾರ್ಡ್, ಟ್ವಿಟರ್:ಶೀರ್ಷಿಕೆ, ಟ್ವಿಟರ್:ವಿವರಣೆ, ಟ್ವಿಟರ್:ಚಿತ್ರ. Twitter-ನಿರ್ದಿಷ್ಟ ಟ್ಯಾಗ್‌ಗಳು ಇಲ್ಲದಿದ್ದಾಗ ಹೆಚ್ಚಿನ ಉಪಕರಣಗಳು OG ಗೆ ಹಿಂತಿರುಗುತ್ತವೆ.

ಈ ಜನರೇಟರ್ ನಿಮ್ಮ ಇನ್‌ಪುಟ್‌ನಿಂದ OG ಮತ್ತು Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್‌ಗಳ ಸಂಪೂರ್ಣ ಸೆಟ್ ಅನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ. ಫಲಿತಾಂಶದ HTML ಅನ್ನು ಪುಟದ <head> ಗೆ ಅಂಟಿಸಿ. ಫಲಿತಾಂಶವು ಎಲ್ಲಾ ಪ್ರಮುಖ ಸಾಮಾಜಿಕ ವೇದಿಕೆಗಳಲ್ಲಿ ಸರಿಯಾದ ಪೂರ್ವವೀಕ್ಷಣೆ ರೆಂಡರಿಂಗ್ ಆಗಿದೆ.

ಏಕೆ OG ಟ್ಯಾಗ್ ಜನರೇಟರ್ ಬಳಸಿ

ಹಂಚಿಕೊಂಡಾಗ OG ಟ್ಯಾಗ್‌ಗಳಿಲ್ಲದ ಪುಟಗಳು ಕೆಟ್ಟದಾಗಿ ಕಾಣುತ್ತವೆ. ಖಾಲಿ ಚಿತ್ರ, ಸಾಮಾನ್ಯ ಶೀರ್ಷಿಕೆ, ಕಾಣೆಯಾದ ವಿವರಣೆ - ಫೀಡ್‌ಗಳಲ್ಲಿ ಸರಿಯಾಗಿ ಟ್ಯಾಗ್ ಮಾಡಲಾದ ಪುಟಗಳ ವಿರುದ್ಧ ಪೂರ್ವವೀಕ್ಷಣೆಯು ಕಳಪೆಯಾಗಿ ಸ್ಪರ್ಧಿಸುತ್ತದೆ. ವಿಷಯ ಮಾರ್ಕೆಟಿಂಗ್ ಮತ್ತು ಲಿಂಕ್ ಹಂಚಿಕೆಗಾಗಿ, ಇದು ಕ್ಲಿಕ್-ಥ್ರೂ ದರವನ್ನು ನೇರವಾಗಿ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ.

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

ಬಳಸುವುದು ಹೇಗೆ

ಇನ್‌ಪುಟ್‌ಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ, ಟ್ಯಾಗ್‌ಗಳನ್ನು ಪಡೆಯಿರಿ.

  1. ಶೀರ್ಷಿಕೆ ಮತ್ತು ವಿವರಣೆಯನ್ನು ನಮೂದಿಸಿ: ಇವುಗಳು ಹಂಚಿಕೆ ಪೂರ್ವವೀಕ್ಷಣೆಯಲ್ಲಿ ಕಂಡುಬರುತ್ತವೆ. ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಾದ್ಯಂತ ಕ್ಲೀನ್ ಡಿಸ್‌ಪ್ಲೇಗಾಗಿ ಶೀರ್ಷಿಕೆಯನ್ನು 60 ಅಕ್ಷರಗಳ ಅಡಿಯಲ್ಲಿ ಮತ್ತು 200 ಅಕ್ಷರಗಳ ಅಡಿಯಲ್ಲಿ ವಿವರಣೆಯನ್ನು ಇರಿಸಿ.
  2. ಚಿತ್ರದ URL ಅನ್ನು ಒದಗಿಸಿ: 1200×630 ಪಿಕ್ಸೆಲ್‌ಗಳು ಪ್ರಮಾಣಿತ ಗಾತ್ರವಾಗಿದೆ. ಸಂಪೂರ್ಣ URL ಬಳಸಿ (https://example.com/og-image.png). ಚಿತ್ರವು ಸಾರ್ವಜನಿಕವಾಗಿ ಪ್ರವೇಶಿಸಬಹುದಾದಂತಿರಬೇಕು - ದೃಢೀಕರಿಸಿದ ಚಿತ್ರಗಳು ಪೂರ್ವವೀಕ್ಷಣೆಗಳನ್ನು ಮುರಿಯುತ್ತವೆ.
  3. ಅಂಗೀಕೃತ URL ಅನ್ನು ಹೊಂದಿಸಿ: ಪುಟದ URL ಸ್ವತಃ. og:url ಆಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಮತ್ತು ಮರುನಿರ್ದೇಶನ URL ಗಳ ಮೂಲಕ ಹಂಚಿಕೊಂಡಾಗಲೂ ಸಹ ಅಂಗೀಕೃತ ಸಂಪನ್ಮೂಲವನ್ನು ಗುರುತಿಸಲು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳಿಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ.
  4. ಪುಟದ ಪ್ರಕಾರವನ್ನು ಆರಿಸಿ: ಸಾಮಾನ್ಯ ಪುಟಗಳಿಗಾಗಿ ವೆಬ್‌ಸೈಟ್, ಬ್ಲಾಗ್ ಪೋಸ್ಟ್‌ಗಳು ಮತ್ತು ಸುದ್ದಿಗಳಿಗಾಗಿ ಲೇಖನ, ಇ-ಕಾಮರ್ಸ್‌ಗಾಗಿ ಉತ್ಪನ್ನ. ಕೆಲವು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ಹೇಗೆ ಸಲ್ಲಿಸುತ್ತವೆ ಎಂಬುದರ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ.
  5. ರಚಿಸಿದ ಟ್ಯಾಗ್‌ಗಳನ್ನು ನಕಲಿಸಿ: ಪರಿಕರವು ಪುಟದ <head> ಗೆ ಅಂಟಿಸಲು ಸಿದ್ಧವಾಗಿರುವ HTML ಲಿಂಕ್ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಉತ್ಪಾದಿಸುತ್ತದೆ. ನಿಮ್ಮ CMS, ಟೆಂಪ್ಲೇಟ್ ಎಂಜಿನ್ ಅಥವಾ ನೇರವಾಗಿ HTML ಮೂಲಕ ಅನ್ವಯಿಸಿ.

ಸಾಮಾನ್ಯ ಬಳಕೆಯ ಪ್ರಕರಣಗಳು

ತಾಂತ್ರಿಕ ವಿವರಗಳು

OG ಟ್ಯಾಗ್‌ಗಳು ಮೆಟಾ ಪ್ರಾಪರ್ಟಿ ಅಟ್ರಿಬ್ಯೂಟ್ ಅನ್ನು ಬಳಸುತ್ತವೆ (ಹೆಸರು ಅಲ್ಲ): <meta property="og:title" content="..." />. OG ಗೆ ಆಸ್ತಿ ಗುಣಲಕ್ಷಣದ ಅಗತ್ಯವಿದೆ; ಕೆಲವು ಪಾರ್ಸರ್‌ಗಳು ಹೆಸರನ್ನು ಫಾಲ್‌ಬ್ಯಾಕ್ ಎಂದು ಸ್ವೀಕರಿಸುತ್ತಾರೆ ಆದರೆ ಆಸ್ತಿ ಸರಿಯಾಗಿದೆ.

ಚಿತ್ರದ ಅವಶ್ಯಕತೆಗಳು: ರೆಟಿನಾ ರೆಂಡರಿಂಗ್‌ಗಾಗಿ 1200×630 ಪಿಕ್ಸೆಲ್‌ಗಳು, 1.91:1 ಆಕಾರ ಅನುಪಾತ. og:image:width ಮತ್ತು og:image:height ಟ್ಯಾಗ್‌ಗಳು ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಚಿತ್ರಗಳನ್ನು ಸರಿಯಾಗಿ ಸಂಗ್ರಹಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತವೆ. og:image:alt ಪ್ರವೇಶಿಸುವಿಕೆ ಪಠ್ಯವನ್ನು ಒದಗಿಸುತ್ತದೆ.

Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್‌ಗಳು ಹೆಸರಿನ ಗುಣಲಕ್ಷಣವನ್ನು ಬಳಸುತ್ತವೆ: <meta name="twitter:title" content="..." />. Twitter-ನಿರ್ದಿಷ್ಟವು ಇಲ್ಲದಿದ್ದಾಗ Twitter OG ಟ್ಯಾಗ್‌ಗಳಿಗೆ ಹಿಂತಿರುಗುತ್ತದೆ, ಆದ್ದರಿಂದ ಉತ್ತಮವಾಗಿ ಹೊಂದಿಸಲಾದ OG ಸಾಮಾನ್ಯವಾಗಿ ಸಾಕಾಗುತ್ತದೆ. ಟ್ವಿಟರ್ ಅನ್ನು ಸೇರಿಸುವುದು: ಕಾರ್ಡ್ ಸ್ಪಷ್ಟವಾಗಿ ಕಾರ್ಡ್ ಪ್ರಕಾರವನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ (summary_large_image ಅತ್ಯಂತ ಸಾಮಾನ್ಯವಾಗಿದೆ).

ಅತ್ಯುತ್ತಮ ಅಭ್ಯಾಸಗಳು

ಪದೇ ಪದೇ ಕೇಳಲಾಗುವ ಪ್ರಶ್ನೆಗಳು

ನಾನು ರಚಿಸಲಾದ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಕಸ್ಟಮೈಸ್ ಮಾಡಬಹುದೇ?
ಹೌದು. ನಿಮ್ಮ ನಿರ್ದಿಷ್ಟ ಅಗತ್ಯಗಳಿಗೆ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಹೊಂದಿಸಲು ಉಪಕರಣವು ವಿವಿಧ ಗ್ರಾಹಕೀಕರಣ ಆಯ್ಕೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ. ರಚಿಸುವ ಮೊದಲು ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಹೊಂದಿಸಿ ಅಥವಾ ವಿಭಿನ್ನ ಆಯ್ಕೆಗಳೊಂದಿಗೆ ಮರುಸೃಷ್ಟಿಸಿ.
ರಚಿಸಲಾದ ವಿಷಯವು ಬಳಸಲು ಉಚಿತವೇ?
ಹೌದು. ಈ ಪರಿಕರದೊಂದಿಗೆ ನೀವು ಉತ್ಪಾದಿಸುವ ಎಲ್ಲವನ್ನೂ ವೈಯಕ್ತಿಕ, ಶೈಕ್ಷಣಿಕ ಅಥವಾ ವಾಣಿಜ್ಯ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಯಾವುದೇ ನಿರ್ಬಂಧಗಳು ಅಥವಾ ಗುಣಲಕ್ಷಣದ ಅವಶ್ಯಕತೆಗಳಿಲ್ಲದೆ ಬಳಸಲು ನಿಮ್ಮದಾಗಿದೆ.
ಇದಕ್ಕೆ ಖಾತೆಯ ಅಗತ್ಯವಿದೆಯೇ?
ಇಲ್ಲ. ಯಾವುದೇ ಸೈನ್-ಅಪ್, ಇಮೇಲ್ ಮತ್ತು ನೋಂದಣಿ ಇಲ್ಲದೆ ತಕ್ಷಣವೇ ಬಳಸಲು ಉಪಕರಣವು ಸಿದ್ಧವಾಗಿದೆ. ಪುಟವನ್ನು ತೆರೆಯಿರಿ ಮತ್ತು ರಚಿಸಲು ಪ್ರಾರಂಭಿಸಿ.
ನನ್ನ ಇನ್‌ಪುಟ್ ಡೇಟಾವನ್ನು ಖಾಸಗಿಯಾಗಿ ಇರಿಸಲಾಗಿದೆಯೇ?
ಹೌದು. ಎಲ್ಲಾ ಪ್ರಕ್ರಿಯೆಯು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನಡೆಯುತ್ತದೆ. ನಿಮ್ಮ ಇನ್‌ಪುಟ್ ಡೇಟಾ ಮತ್ತು ರಚಿತವಾದ ಔಟ್‌ಪುಟ್ ಅನ್ನು ಯಾವುದೇ ಬಾಹ್ಯ ಸರ್ವರ್‌ಗೆ ಎಂದಿಗೂ ಕಳುಹಿಸಲಾಗುವುದಿಲ್ಲ.
ನಾನು ಪ್ರತಿ ಪುಟಕ್ಕೂ ಒಂದೇ OG ಚಿತ್ರವನ್ನು ಬಳಸಬಹುದೇ?
ಸಾಧ್ಯ ಆದರೆ ಉಪಸೂಕ್ತ. ಪುಟ-ನಿರ್ದಿಷ್ಟ ಚಿತ್ರಗಳು ಕ್ಲಿಕ್-ಥ್ರೂಗಾಗಿ ಸಾಮಾನ್ಯ ಸೈಟ್-ವೈಡ್ ಚಿತ್ರಗಳನ್ನು ಮೀರಿಸುತ್ತದೆ. ಫಾಲ್‌ಬ್ಯಾಕ್‌ಗಾಗಿ ಡೀಫಾಲ್ಟ್ ಅನ್ನು ಬಳಸಿ ಆದರೆ ಪ್ರಮುಖ ವಿಷಯಕ್ಕಾಗಿ ಪ್ರತಿ ಪುಟದ ಚಿತ್ರಗಳನ್ನು ರಚಿಸಿ.
ಚಿತ್ರದ ಆಯಾಮ ಘೋಷಣೆ ಅಗತ್ಯವಿದೆಯೇ?
ಸಹಾಯಕ ಆದರೆ ಕಟ್ಟುನಿಟ್ಟಾಗಿ ಅಗತ್ಯವಿಲ್ಲ. og:image:width ಮತ್ತು og:image:height ಆಯಾಮಗಳನ್ನು ನಿರ್ಧರಿಸಲು ಮರು-ಪಡೆಯದೆಯೇ ಪ್ಲಾಟ್‌ಫಾರ್ಮ್‌ಗಳು ಚಿತ್ರಗಳನ್ನು ಸಂಗ್ರಹಿಸಲು ಅವಕಾಶ ಮಾಡಿಕೊಡಿ. ನಂತರದ ಷೇರುಗಳನ್ನು ವೇಗಗೊಳಿಸುತ್ತದೆ.
ನನ್ನ ಡೇಟಾ ಅಪ್‌ಲೋಡ್ ಆಗಿದೆಯೇ?
ಇಲ್ಲ. ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಜನರೇಷನ್ ಸಂಭವಿಸುತ್ತದೆ.
ನಾನು OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ಹೇಗೆ ಪರೀಕ್ಷಿಸುವುದು?
ಫೇಸ್‌ಬುಕ್ ಹಂಚಿಕೆ ಡೀಬಗರ್, ಟ್ವಿಟರ್ ಕಾರ್ಡ್ ವ್ಯಾಲಿಡೇಟರ್ ಮತ್ತು ಲಿಂಕ್ಡ್‌ಇನ್ ಪೋಸ್ಟ್ ಇನ್‌ಸ್ಪೆಕ್ಟರ್ ಪ್ರತಿಯೊಂದನ್ನು ಪಡೆದುಕೊಳ್ಳುತ್ತವೆ ಮತ್ತು ಮೌಲ್ಯೀಕರಿಸುತ್ತವೆ. ಹೊಸ OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ನಿಯೋಜಿಸಿದ ನಂತರ ಅವುಗಳನ್ನು ಬಳಸಿ.