"Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್\u200cಗಳನ್ನು ಸಹ ಸೇರಿಸಬೇಕೆ?"

"ಹೌದು. twitter:card ಮತ್ತು ಸಂಬಂಧಿತ ಟ್ಯಾಗ್\u200cಗಳನ್ನು ಒಟ್ಟಿಗೆ ರಚಿಸಬಹುದು. X ಟ್ಯಾಗ್\u200cಗಳು ಲಭ್ಯವಿಲ್ಲದಿದ್ದಾಗ OG ಟ್ಯಾಗ್\u200cಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳುತ್ತದೆ, ಆದ್ದರಿಂದ ಕನಿಷ್ಠ ಸೆಟಪ್\u200cಗಳು ಸಹ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ. (X Developer)"

ನಕಲಿಸಿ ಮತ್ತು ಅಂಟಿಸಿ ಮುನ್ನೋಟದೊಂದಿಗೆ ಚಿತ್ರ/ಕ್ಯಾಶ್ ಟಿಪ್ಸ್ ಒಳಗೊಂಡಿದೆ

OGP ಟ್ಯಾಗ್ ಜನರೇಟರ್ (og:title/og:image ಇತ್ಯಾದಿಗಳನ್ನು ಸ್ವಯಂ ಔಟ್‌ಪುಟ್ ಮಾಡಿ)

Q: "ಶಿಫಾರಸು ಮಾಡಲಾದ ಚಿತ್ರದ ಗಾತ್ರ ಯಾವುದು?"

"ಮಾರ್ಗದರ್ಶಿಯಾಗಿ, Meta 1200×630 ಅಥವಾ ದೊಡ್ಡದು (ಕನಿಷ್ಠ 600×315) ಮತ್ತು ಸುಮಾರು 1.91:1 ರ ಅನುಪಾತವನ್ನು ಸೂಚಿಸುತ್ತದೆ. X ನ summary_large_image ವಿಭಿನ್ನ ಅನುಪಾತ ಮತ್ತು ಕನಿಷ್ಠಗಳನ್ನು ಹೊಂದಿದೆ."

Q: "ಮುನ್ನೋಟ ನವೀಕರಣಗೊಳ್ಳುತ್ತಿಲ್ಲ"

"ಹೆಚ್ಚಿನ ಸಮಯ ಇದು ಕ್ಯಾಶ್ ಕಾರಣದಿಂದಾಗಿರುತ್ತದೆ. ಡಿಬಗ್ಗರ್\u200cಗಳ ಮೂಲಕ ಮರು-ಪಡೆಯಿರಿ, ಮತ್ತು ನೀವು ಚಿತ್ರವನ್ನು ಬದಲಿಸಿದ್ದರೆ ಹೊಸ ಚಿತ್ರದ URL ಅನ್ನು ಬಳಸಿ."

URL, ಶೀರ್ಷಿಕೆ, ವಿವರಣೆ ಮತ್ತು ಚಿತ್ರದ URL ಅನ್ನು ನಮೂದಿಸಿ. ಓಪನ್ ಗ್ರಾಫ್ + Twitter ಕಾರ್ಡ್ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಒಟ್ಟಿಗೆ ರಚಿಸಿ.

ಪಡೆಯುವಿಕೆಯು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ನೇರವಾಗಿ ನಡೆಯುತ್ತದೆ (CORS ಮಿತಿಗಳು ಅನ್ವಯಿಸುತ್ತವೆ).

ಇನ್‌ಪುಟ್

ರಚಿತವಾದ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳು / ಮುನ್ನೋಟ

1) ಪ್ರಮುಖ ಮಾಹಿತಿ

ಅಗತ್ಯವಿದೆ

ಶೀರ್ಷಿಕೆ (og:title) ಅಗತ್ಯವಿದೆ

ಮಾರ್ಗದರ್ಶಿ: 30–60 ಅಕ್ಷರಗಳು 0

ವಿವರಣೆ (og:description) ಐಚ್ಛಿಕ

ಮಾರ್ಗದರ್ಶಿ: 80–120 ಅಕ್ಷರಗಳು 0

ಚಿತ್ರದ URL (og:image) ಅಗತ್ಯವಿದೆ

ಚಿತ್ರವು ಲೋಡ್ ಆದಾಗ ಥಂಬ್‌ನೇಲ್ ಮುನ್ನೋಟ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಪ್ರಸ್ತುತ ಅನುಪಾತ -

ಸೈಟ್ ಹೆಸರು (og:site_name) ಐಚ್ಛಿಕ

ಪ್ರಕಾರ (og:type) ಅಗತ್ಯವಿದೆ

ವೆಬ್‌ಸೈಟ್ ಅಥವಾ ಲೇಖನವನ್ನು ಆರಿಸಿ.

2) Twitter ಕಾರ್ಡ್

ಕುಗ್ಗಿಸಬಹುದಾದ / ಡಿಫಾಲ್ಟ್ ಆಗಿ ಆನ್

Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಸೇರಿಸಿ

twitter:card

twitter:site (ಐಚ್ಛಿಕ)

twitter:creator (ಐಚ್ಛಿಕ)

ಸ್ವಯಂ-ಸಿಂಕ್ ನಿಯಮಗಳು

• twitter:title ಖಾಲಿಯಾಗಿದ್ದರೆ, og:title ಬಳಸಿ.
• twitter:description ಖಾಲಿಯಾಗಿದ್ದರೆ, og:description ಬಳಸಿ.
• twitter:image ಖಾಲಿಯಾಗಿದ್ದರೆ, og:image ಬಳಸಿ.

3) ಸುಧಾರಿತ

ನಿಮಗೆ ಫೈನ್-ಟ್ಯೂನ್ ಅಗತ್ಯವಿದ್ದರೆ ಮಾತ್ರ ತೆರೆಯಿರಿ.

og:locale (ಐಚ್ಛಿಕ)

og:image:alt / twitter:image:alt

ಪ್ರವೇಶಸಾಧ್ಯತೆಯ ಪಠ್ಯ. X 420 ಅಕ್ಷರಗಳವರೆಗೆ ಸೂಚಿಸುತ್ತದೆ.

og:image:width

og:image:height

ಅಗಲ/ಎತ್ತರವನ್ನು ಸೇರಿಸುವುದು ಕ್ರಾಲರ್‌ಗಳಿಗೆ ವೇಗವಾಗಿ ರೆಂಡರ್ ಮಾಡಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. (Facebook Developers)

ಲೇಖನ ಟ್ಯಾಗ್‌ಗಳು (og:type=article ಇದ್ದಾಗ ಮಾತ್ರ)

article:published_time

article:modified_time

ಅಗತ್ಯವಿದ್ದರೆ ISO 8601 ಬಳಸಿ.

ರಚಿತವಾದ ಮೆಟಾ ಟ್ಯಾಗ್‌ಗಳು

ಮುನ್ನೋಟ

OG ಮುನ್ನೋಟ

example.com

ಮುನ್ನೋಟ ಶೀರ್ಷಿಕೆ

ವಿವರಣೆ ಇಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

ಅನೇಕ SNS/ಚಾಟ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಇದರಂತೆಯೇ ಕಾಣುತ್ತವೆ

X ಕಾರ್ಡ್ ಮುನ್ನೋಟ summary

example.com

ಮುನ್ನೋಟ ಶೀರ್ಷಿಕೆ

ವಿವರಣೆ ಇಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತದೆ.

summary ಮತ್ತು summary_large_image ನಡುವೆ ಬದಲಾಗುತ್ತದೆ

ಟಿಪ್ಪಣಿಗಳು (ಐಚ್ಛಿಕ)

ನಿಮ್ಮ ಇನ್‌ಪುಟ್‌ಗಳ ಆಧಾರದ ಮೇಲೆ ಟಿಪ್ಪಣಿಗಳು ಇಲ್ಲಿ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ.

ಆಯ್ಕೆಗಳು

ಇನ್‌ಪುಟ್‌ಗಳನ್ನು URL ನಲ್ಲಿ ಉಳಿಸಿ ಅದೇ ಸೆಟ್ಟಿಂಗ್‌ಗಳೊಂದಿಗೆ ಮತ್ತೆ ತೆರೆಯಲು ಲಿಂಕ್ ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಿ ಸ್ಪೇಸ್‌ಗಳನ್ನು ಸ್ವಯಂ-ಟ್ರಿಮ್ ಮಾಡಿ ಪೂರ್ಣ-ಅಗಲದ ಸ್ಪೇಸ್‌ಗಳನ್ನು ಸಹ ಟ್ರಿಮ್ ಮಾಡುತ್ತದೆ ಡಬಲ್ ಕೋಟ್‌ಗಳನ್ನು ಎಸ್ಕೇಪ್ ಮಾಡಿ ಮೆಟಾ ಅಟ್ರಿಬ್ಯೂಟ್‌ಗಳನ್ನು ಸುರಕ್ಷಿತವಾಗಿರಿಸಿ

ಚಿತ್ರದ ಗಾತ್ರದ ಮಾರ್ಗದರ್ಶಿ (ಉದಾಹರಣೆಗಳು)

ಉದಾಹರಣೆ ಗಾತ್ರಗಳನ್ನು ನೋಡಲು OG ಅಥವಾ X ಅನ್ನು ಆರಿಸಿ

OG-ಆಧಾರಿತ X-ಆಧಾರಿತ

ಅನುಪಾತದ ಸುಳಿವು -

ಬಳಸುವುದು ಹೇಗೆ / ಉದಾಹರಣೆಗಳು

URL, ಶೀರ್ಷಿಕೆ, ವಿವರಣೆ ಮತ್ತು ಚಿತ್ರದ URL ಅನ್ನು ಭರ್ತಿ ಮಾಡಿ.
og:type ಮತ್ತು (ಐಚ್ಛಿಕವಾಗಿ) Twitter ಕಾರ್ಡ್ ಸೆಟ್ಟಿಂಗ್‌ಗಳನ್ನು ಆರಿಸಿ.
ರಚಿತವಾದ ಟ್ಯಾಗ್‌ಗಳನ್ನು ನಕಲಿಸಿ ಮತ್ತು <head> ಗೆ ಅಂಟಿಸಿ.

ತ್ವರಿತ ಉದಾಹರಣೆ

URL + ಶೀರ್ಷಿಕೆ + ಚಿತ್ರವನ್ನು ನಮೂದಿಸಿ, ನಂತರ ಶಿಫಾರಸು ಮಾಡಲಾದ ಸೆಟ್ ಅನ್ನು ನಕಲಿಸಿ.

ಟಿಪ್ಪಣಿಗಳು ಮತ್ತು ಟಿಪ್ಸ್

OGP ಎಂದರೇನು?

OGP (Open Graph Protocol) ಸಾಮಾಜಿಕ ವೇದಿಕೆಗಳಿಗೆ ನಿಮ್ಮ ಪುಟದ ಶೀರ್ಷಿಕೆ, ವಿವರಣೆ ಮತ್ತು ಚಿತ್ರವನ್ನು ಓದಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

og:title/og:description/og:image ಅನ್ನು ಹೊಂದಿಸುವ ಮೂಲಕ, ಹಂಚಿಕೊಂಡ ಲಿಂಕ್‌ಗಳು ಹೇಗೆ ಕಾಣಿಸಿಕೊಳ್ಳುತ್ತವೆ ಎಂಬುದನ್ನು ನೀವು ನಿಯಂತ್ರಿಸಬಹುದು.

Twitter ಕಾರ್ಡ್‌ಗಳು (X) ಇದೇ ರೀತಿಯ ಮೆಟಾಡೇಟಾವನ್ನು ಬಳಸುತ್ತವೆ ಮತ್ತು OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ಸಹ ಬಳಸಿಕೊಳ್ಳಬಹುದು.

ಚಿತ್ರದ ಗಾತ್ರದ ಮಾರ್ಗದರ್ಶನ (ಸ್ಥಿರ ಮುನ್ನೋಟಗಳಿಗಾಗಿ)

Meta (Facebook) ಮಾರ್ಗದರ್ಶನ

• ಕನಿಷ್ಠ 200×200.
• ಉತ್ತಮ ಪ್ರದರ್ಶನಕ್ಕಾಗಿ, 1200×630 ಅಥವಾ ದೊಡ್ಡದು; ಕನಿಷ್ಠ 600×315 ಅನ್ನು ಉಲ್ಲೇಖಿಸಲಾಗಿದೆ. (Facebook Developers)
• 1.91:1 ರ ಅನುಪಾತವು ಚಿತ್ರವು ಕತ್ತರಿಸಲ್ಪಡುವುದನ್ನು (cropping) ತಪ್ಪಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ.
• ಫೈಲ್ ಗಾತ್ರ 8MB ಅಥವಾ ಅದಕ್ಕಿಂತ ಕಡಿಮೆ ಇರಲಿ.

X (Twitter) ಕಾರ್ಡ್ ಮಾರ್ಗದರ್ಶನ

• summary_large_image 2:1 ಅನುಪಾತವನ್ನು ಬೆಂಬಲಿಸುತ್ತದೆ; ಕನಿಷ್ಠ 300×157, ಗರಿಷ್ಠ 4096×4096. (X Developer)
• ಫೈಲ್ ಗಾತ್ರ 5MB ಗಿಂತ ಕಡಿಮೆ ಮತ್ತು ಸಾಮಾನ್ಯ ಫಾರ್ಮ್ಯಾಟ್‌ಗಳು (JPG/PNG/WEBP/GIF) ಇರಲಿ.

ಬದಲಾವಣೆಗಳು ಕಾಣಿಸದಿದ್ದಾಗ (ಕ್ಯಾಶ್ ಮತ್ತು ಮರು-ಪಡೆಯುವಿಕೆ)

• SNS ಕ್ರಾಲರ್‌ಗಳು OG ಡೇಟಾವನ್ನು ಕ್ಯಾಶ್ ಮಾಡುತ್ತವೆ. ಮರು-ಪಡೆಯಲು ಪ್ರತಿ ವೇದಿಕೆಯ ಡಿಬಗ್ಗರ್/ಇನ್ಸ್‌ಪೆಕ್ಟರ್ ಬಳಸಿ. (Facebook Developers)
• ನೀವು ಚಿತ್ರವನ್ನು ಬದಲಿಸಿದರೂ ಅದು ನವೀಕರಣಗೊಳ್ಳದಿದ್ದರೆ, ಚಿತ್ರದ URL ಸ್ವತಃ ಕ್ಯಾಶ್ ಆಗಿರಬಹುದು; ಫೈಲ್ ಹೆಸರನ್ನು ಬದಲಾಯಿಸಿ ಅಥವಾ ಕ್ವೆರಿ ಸ್ಟ್ರಿಂಗ್ ಸೇರಿಸಿ.
• og:image:width/height ಅನ್ನು ಸೇರಿಸುವುದು ರೆಂಡರ್ ಸ್ಥಿರತೆಯನ್ನು ಸುಧಾರಿಸುತ್ತದೆ. (Facebook Developers)

ಮೌಲ್ಯೀಕರಣಕ್ಕಾಗಿ ಸಾಧನಗಳು

Meta Sharing Debugger

OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ಮರು-ಪಡೆಯಿರಿ ಮತ್ತು ಪರೀಕ್ಷಿಸಿ.

LinkedIn Post Inspector

LinkedIn ನ ಕ್ಯಾಶ್ ಮಾಡಲಾದ ಮುನ್ನೋಟವನ್ನು ನವೀಕರಿಸಿ.

X Card Validator

Twitter ಕಾರ್ಡ್ ರೆಂಡರಿಂಗ್ ಅನ್ನು ಪರಿಶೀಲಿಸಿ.

FAQ

Twitter ಕಾರ್ಡ್ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಸಹ ಸೇರಿಸಬೇಕೆ?

ಹೌದು. twitter:card ಮತ್ತು ಸಂಬಂಧಿತ ಟ್ಯಾಗ್‌ಗಳನ್ನು ಒಟ್ಟಿಗೆ ರಚಿಸಬಹುದು. X ಟ್ಯಾಗ್‌ಗಳು ಲಭ್ಯವಿಲ್ಲದಿದ್ದಾಗ OG ಟ್ಯಾಗ್‌ಗಳನ್ನು ಬಳಸಿಕೊಳ್ಳುತ್ತದೆ, ಆದ್ದರಿಂದ ಕನಿಷ್ಠ ಸೆಟಪ್‌ಗಳು ಸಹ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ. (X Developer)

ಶಿಫಾರಸು ಮಾಡಲಾದ ಚಿತ್ರದ ಗಾತ್ರ ಯಾವುದು?

ಮಾರ್ಗದರ್ಶಿಯಾಗಿ, Meta 1200×630 ಅಥವಾ ದೊಡ್ಡದು (ಕನಿಷ್ಠ 600×315) ಮತ್ತು ಸುಮಾರು 1.91:1 ರ ಅನುಪಾತವನ್ನು ಸೂಚಿಸುತ್ತದೆ. X ನ summary_large_image ವಿಭಿನ್ನ ಅನುಪಾತ ಮತ್ತು ಕನಿಷ್ಠಗಳನ್ನು ಹೊಂದಿದೆ.

ಮುನ್ನೋಟ ನವೀಕರಣಗೊಳ್ಳುತ್ತಿಲ್ಲ

ಹೆಚ್ಚಿನ ಸಮಯ ಇದು ಕ್ಯಾಶ್ ಕಾರಣದಿಂದಾಗಿರುತ್ತದೆ. ಡಿಬಗ್ಗರ್‌ಗಳ ಮೂಲಕ ಮರು-ಪಡೆಯಿರಿ, ಮತ್ತು ನೀವು ಚಿತ್ರವನ್ನು ಬದಲಿಸಿದ್ದರೆ ಹೊಸ ಚಿತ್ರದ URL ಅನ್ನು ಬಳಸಿ.