Summarize this content to 400 words in Persian Lang\n \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n
\u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14<\/p>\n
\u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0628\u0631\u0627\u06cc \u0628\u06cc\u0634 \u0627\u0632 50 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af\u060c \u0648\u0628 \u0633\u0627\u06cc\u062a \u062f\u0627\u0634\u062a\u0645. \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0631\u062f\u0645 \u06cc\u06a9 \u06a9\u0627\u0631 \u0633\u0631\u06cc\u0639 \u0627\u0633\u062a \u0628\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062f\u0648 \u0631\u0648\u0632\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f. \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0627\u0632 \u0622\u0646 \u062a\u062c\u0631\u0628\u0647 (\u0648 \u0622\u0632\u0645\u0648\u0646 \u0648 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0631\u0627\u0648\u0627\u0646) \u067e\u062f\u06cc\u062f \u0622\u0645\u062f\u0646\u062f.<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 1: \u062a\u0633\u062a 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \ud83d\udc41\ufe0f<\/p>\n
\u0627\u06cc\u0646 \u06cc\u06a9\u06cc \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0633\u062a: \u0627\u06af\u0631 \u0646\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\u060c \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f.<\/p>\n
\u0645\u0634\u06a9\u0644:<\/p>\n
– Too much text\n– Poor contrast\n– Cluttered design\n– Small font sizes<\/p>\n
\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/p>\n
\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/p>\n
\u0631\u0627\u0647 \u062d\u0644:<\/p>\n
\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n
\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f\n\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f\n\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646\n\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/p>\n
\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n
\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n
\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f\n\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\n\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f\n\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<\/p>\n
\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n
interface OGTemplate {\n \/\/ Base layout\n layout: {\n width: 1200,\n height: 630,\n padding: 60,\n background: string\n },\n \/\/ Text zones\n zones: {\n title: {\n x: 60,\n y: 60,\n maxWidth: 800,\n fontSize: 72\n },\n subtitle?: {\n x: 60,\n y: 200,\n maxWidth: 600,\n fontSize: 36\n }\n },\n \/\/ Brand elements\n brand: {\n logo?: string,\n colors: string[],\n fonts: string[]\n }\n}<\/p>\n
\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<\/p>\n
\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n
property=”og:image” content=”https:\/\/your-domain.com\/og\/main.png”>\n property=”og:image:width” content=”1200″>\n property=”og:image:height” content=”630″><\/p>\n
property=”og:image:alt” content=”Your descriptive text here”><\/p>\n
name=”twitter:card” content=”summary_large_image”><\/p>\n
\u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<\/p>\n
\/\/ Generate a color-only fallback\nconst generateFallback = (text) => {\n return `https:\/\/your-api.com\/og\/fallback?\n text=${encodeURIComponent(text)}\n &background=gradient\n &size=small`;\n}<\/p>\n
\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<\/p>\n
\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n
const getOGImageUrl = (baseUrl, version) => {\n const timestamp = version || Date.now();\n return `${baseUrl}?v=${timestamp}`;\n}<\/p>\n
\/\/ Usage:\n<meta\n property=”og:image”\n content={getOGImageUrl(‘https:\/\/your-domain.com\/og\/image.png’, ‘1.2’)}\n><\/p>\n
\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\n\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f\n\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<\/p>\n
\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n
const previewMatrix = [\n {\n platform: ‘Twitter’,\n dimensions: ‘1200×628’,\n url: ‘https:\/\/cards-dev.twitter.com\/validator’\n },\n {\n platform: ‘LinkedIn’,\n dimensions: ‘1200×628’,\n url: ‘https:\/\/www.linkedin.com\/post-inspector\/’\n },\n {\n platform: ‘Facebook’,\n dimensions: ‘1200×628’,\n url: ‘https:\/\/developers.facebook.com\/tools\/debug\/’\n }\n];<\/p>\n
\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<\/p>\n
async function testOGImage(url) {\n const results = [];\n for (const platform of previewMatrix) {\n try {\n \/\/ Test image loading\n const img = await fetch(url);\n \/\/ Test dimensions\n const dims = await getImageDimensions(img);\n \/\/ Log results\n results.push({\n platform: platform.name,\n status: ‘OK’,\n notes: `${dims.width}x${dims.height}`\n });\n } catch (e) {\n results.push({\n platform: platform.name,\n status: ‘Failed’,\n error: e.message\n });\n }\n }\n return results;\n}<\/p>\n
\u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<\/p>\n
\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n
\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n
\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f\n\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a\n\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f\n\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/p>\n
\u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<\/p>\n
\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n
\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f\n\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a\n\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642\n\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/p>\n
\u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<\/p>\n
\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n
\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n
\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f<\/p>\n
\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f\n\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc\n\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/p>\n
\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n
\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/p>\n
\u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f.<\/p>\n
\u0641\u0647\u0631\u0633\u062a \u0645\u0637\u0627\u0644\u0628<\/p>\nToggle<\/span><\/path><\/svg><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n\u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14<\/a><\/li>\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 1: \u062a\u0633\u062a 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \ud83d\udc41\ufe0f<\/a>\u0645\u0634\u06a9\u0644:<\/a><\/li>\u0631\u0627\u0647 \u062d\u0644:<\/a><\/li>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/a><\/li><\/ul><\/li>\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<\/a><\/li>\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<\/a>\u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<\/a><\/li><\/ul><\/li>\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<\/a><\/li>\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<\/a>\u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<\/a><\/li><\/ul><\/li>\u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<\/a><\/li>\u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<\/a><\/li>\u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<\/a><\/li><\/ul><\/nav><\/div>\n<\/span>\n \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14\n<\/span><\/h2>\n\u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0628\u0631\u0627\u06cc \u0628\u06cc\u0634 \u0627\u0632 50 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af\u060c \u0648\u0628 \u0633\u0627\u06cc\u062a \u062f\u0627\u0634\u062a\u0645. \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0631\u062f\u0645 \u06cc\u06a9 \u06a9\u0627\u0631 \u0633\u0631\u06cc\u0639 \u0627\u0633\u062a \u0628\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062f\u0648 \u0631\u0648\u0632\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f. \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0627\u0632 \u0622\u0646 \u062a\u062c\u0631\u0628\u0647 (\u0648 \u0622\u0632\u0645\u0648\u0646 \u0648 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0631\u0627\u0648\u0627\u0646) \u067e\u062f\u06cc\u062f \u0622\u0645\u062f\u0646\u062f.<\/p>\n<\/span>\n \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 1: \u062a\u0633\u062a 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \ud83d\udc41\ufe0f\n<\/span><\/h2>\n\u0627\u06cc\u0646 \u06cc\u06a9\u06cc \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0633\u062a: \u0627\u06af\u0631 \u0646\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\u060c \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f.<\/p>\n<\/span>\n \u0645\u0634\u06a9\u0644:\n<\/span><\/h3>\n\n- Too much text\n- Poor contrast\n- Cluttered design\n- Small font sizes\n<\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%AD%D9%84\"><\/span>\n<p> \u0631\u0627\u0647 \u062d\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646<\/li>\n<li>\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%DA%A9%D8%A7%D8%AA_%D8%AD%D8%B1%D9%81%D9%87_%D8%A7%DB%8C\"><\/span>\n<p> \u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f<\/li>\n<li>\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<li>\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_%D9%82%D8%A7%D9%84%D8%A8_%F0%9F%8E%AF\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kr\">interface<\/span> <span class=\"nx\">OGTemplate<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Base layout<\/span>\n <span class=\"nl\">layout<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">width<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">height<\/span><span class=\"p\">:<\/span> <span class=\"mi\">630<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">padding<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">background<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Text zones<\/span>\n <span class=\"nx\">zones<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">title<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">800<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">72<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"nx\">subtitle<\/span><span class=\"p\">?:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">600<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">36<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Brand elements<\/span>\n <span class=\"nx\">brand<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">logo<\/span><span class=\"p\">?:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n <span class=\"nx\">colors<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[],<\/span>\n <span class=\"nx\">fonts<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D8%A8%D8%A7%D8%B2%DA%AF%D8%B4%D8%AA%DB%8C_%F0%9F%9B%A1%EF%B8%8F\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"https:\/\/your-domain.com\/og\/main.png\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:width\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"1200\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:height\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"630\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Fallback for slower connections --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:alt\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"Your descriptive text here\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Additional fallback --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"twitter:card\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"summary_large_image\"<\/span><span class=\"nt\">><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%B3%D9%85%D8%AA_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C%DB%8C\"><\/span>\n<p> \u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Generate a color-only fallback<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">generateFallback<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`https:\/\/your-api.com\/og\/fallback?\n text=<\/span><span class=\"p\">${<\/span><span class=\"nf\">encodeURIComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\n &background=gradient\n &size=small`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_4_%DA%A9%D8%B4_%D8%A8%D8%A7%D8%B3%D8%AA%D8%B1_%F0%9F%9A%80\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">getOGImageUrl<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">version<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">version<\/span> <span class=\"o\">||<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">}<\/span><span class=\"s2\">?v=<\/span><span class=\"p\">${<\/span><span class=\"nx\">timestamp<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage:<\/span>\n<span class=\"o\"><<\/span><span class=\"nx\">meta<\/span> \n <span class=\"nx\">property<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">og:image<\/span><span class=\"dl\">\"<\/span> \n <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nf\">getOGImageUrl<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/your-domain.com\/og\/image.png<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span>\n<span class=\"o\">><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n<ul>\n<li>\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_5_%D9%85%D8%A7%D8%AA%D8%B1%DB%8C%D8%B3_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%F0%9F%8E%AD\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">previewMatrix<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Twitter<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/cards-dev.twitter.com\/validator<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LinkedIn<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/www.linkedin.com\/post-inspector\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Facebook<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/developers.facebook.com\/tools\/debug\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%AA%D8%B3%D8%AA_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p> \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">testOGImage<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">platform<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">previewMatrix<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Test image loading<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">img<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Test dimensions<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">dims<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getImageDimensions<\/span><span class=\"p\">(<\/span><span class=\"nx\">img<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Log results<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">OK<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">notes<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">width<\/span><span class=\"p\">}<\/span><span class=\"s2\">x<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">height<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">error<\/span><span class=\"p\">:<\/span> <span class=\"nx\">e<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%AC%D8%A7%DB%8C%D8%B2%D9%87_%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86_%F0%9F%A4%96\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n<li>\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f<\/li>\n<li>\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%D8%A7%DB%8C%D8%AC_%F0%9F%93%88\"><\/span>\n<p> \u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n<ul>\n<li>\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f<\/li>\n<li>\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a<\/li>\n<li>\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642<\/li>\n<li>\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%DB%8C%D8%A7%DB%8C%DB%8C%D8%AF_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%A8%DB%8C%D9%86%DB%8C%D9%85_%F0%9F%92%A1\"><\/span>\n<p> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f\n<\/li>\n<li>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc<\/li>\n<li>\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/li>\n<\/ol>\n<p>\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n<hr\/>\n<p><em>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/em><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14 \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG …<\/p>\n","protected":false},"author":2,"featured_media":84593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-84592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=84592"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/84593"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=84592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=84592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=84592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14\n<\/span><\/h2>\n\u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0628\u0631\u0627\u06cc \u0628\u06cc\u0634 \u0627\u0632 50 \u067e\u0633\u062a \u0648\u0628\u0644\u0627\u06af\u060c \u0648\u0628 \u0633\u0627\u06cc\u062a \u062f\u0627\u0634\u062a\u0645. \u0686\u06cc\u0632\u06cc \u06a9\u0647 \u0641\u06a9\u0631 \u0645\u06cc \u06a9\u0631\u062f\u0645 \u06cc\u06a9 \u06a9\u0627\u0631 \u0633\u0631\u06cc\u0639 \u0627\u0633\u062a \u0628\u0647 \u06cc\u06a9 \u067e\u0631\u0648\u0698\u0647 \u062f\u0648 \u0631\u0648\u0632\u0647 \u062a\u0628\u062f\u06cc\u0644 \u0634\u062f. \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0627\u0632 \u0622\u0646 \u062a\u062c\u0631\u0628\u0647 (\u0648 \u0622\u0632\u0645\u0648\u0646 \u0648 \u062e\u0637\u0627\u0647\u0627\u06cc \u0641\u0631\u0627\u0648\u0627\u0646) \u067e\u062f\u06cc\u062f \u0622\u0645\u062f\u0646\u062f.<\/p>\n<\/span>\n \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 1: \u062a\u0633\u062a 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \ud83d\udc41\ufe0f\n<\/span><\/h2>\n\u0627\u06cc\u0646 \u06cc\u06a9\u06cc \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0633\u062a: \u0627\u06af\u0631 \u0646\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\u060c \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f.<\/p>\n<\/span>\n \u0645\u0634\u06a9\u0644:\n<\/span><\/h3>\n\n- Too much text\n- Poor contrast\n- Cluttered design\n- Small font sizes\n<\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%AD%D9%84\"><\/span>\n<p> \u0631\u0627\u0647 \u062d\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646<\/li>\n<li>\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%DA%A9%D8%A7%D8%AA_%D8%AD%D8%B1%D9%81%D9%87_%D8%A7%DB%8C\"><\/span>\n<p> \u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f<\/li>\n<li>\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<li>\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_%D9%82%D8%A7%D9%84%D8%A8_%F0%9F%8E%AF\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kr\">interface<\/span> <span class=\"nx\">OGTemplate<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Base layout<\/span>\n <span class=\"nl\">layout<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">width<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">height<\/span><span class=\"p\">:<\/span> <span class=\"mi\">630<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">padding<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">background<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Text zones<\/span>\n <span class=\"nx\">zones<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">title<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">800<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">72<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"nx\">subtitle<\/span><span class=\"p\">?:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">600<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">36<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Brand elements<\/span>\n <span class=\"nx\">brand<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">logo<\/span><span class=\"p\">?:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n <span class=\"nx\">colors<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[],<\/span>\n <span class=\"nx\">fonts<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D8%A8%D8%A7%D8%B2%DA%AF%D8%B4%D8%AA%DB%8C_%F0%9F%9B%A1%EF%B8%8F\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"https:\/\/your-domain.com\/og\/main.png\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:width\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"1200\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:height\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"630\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Fallback for slower connections --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:alt\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"Your descriptive text here\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Additional fallback --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"twitter:card\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"summary_large_image\"<\/span><span class=\"nt\">><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%B3%D9%85%D8%AA_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C%DB%8C\"><\/span>\n<p> \u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Generate a color-only fallback<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">generateFallback<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`https:\/\/your-api.com\/og\/fallback?\n text=<\/span><span class=\"p\">${<\/span><span class=\"nf\">encodeURIComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\n &background=gradient\n &size=small`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_4_%DA%A9%D8%B4_%D8%A8%D8%A7%D8%B3%D8%AA%D8%B1_%F0%9F%9A%80\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">getOGImageUrl<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">version<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">version<\/span> <span class=\"o\">||<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">}<\/span><span class=\"s2\">?v=<\/span><span class=\"p\">${<\/span><span class=\"nx\">timestamp<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage:<\/span>\n<span class=\"o\"><<\/span><span class=\"nx\">meta<\/span> \n <span class=\"nx\">property<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">og:image<\/span><span class=\"dl\">\"<\/span> \n <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nf\">getOGImageUrl<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/your-domain.com\/og\/image.png<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span>\n<span class=\"o\">><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n<ul>\n<li>\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_5_%D9%85%D8%A7%D8%AA%D8%B1%DB%8C%D8%B3_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%F0%9F%8E%AD\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">previewMatrix<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Twitter<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/cards-dev.twitter.com\/validator<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LinkedIn<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/www.linkedin.com\/post-inspector\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Facebook<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/developers.facebook.com\/tools\/debug\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%AA%D8%B3%D8%AA_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p> \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">testOGImage<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">platform<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">previewMatrix<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Test image loading<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">img<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Test dimensions<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">dims<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getImageDimensions<\/span><span class=\"p\">(<\/span><span class=\"nx\">img<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Log results<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">OK<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">notes<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">width<\/span><span class=\"p\">}<\/span><span class=\"s2\">x<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">height<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">error<\/span><span class=\"p\">:<\/span> <span class=\"nx\">e<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%AC%D8%A7%DB%8C%D8%B2%D9%87_%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86_%F0%9F%A4%96\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n<li>\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f<\/li>\n<li>\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%D8%A7%DB%8C%D8%AC_%F0%9F%93%88\"><\/span>\n<p> \u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n<ul>\n<li>\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f<\/li>\n<li>\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a<\/li>\n<li>\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642<\/li>\n<li>\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%DB%8C%D8%A7%DB%8C%DB%8C%D8%AF_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%A8%DB%8C%D9%86%DB%8C%D9%85_%F0%9F%92%A1\"><\/span>\n<p> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f\n<\/li>\n<li>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc<\/li>\n<li>\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/li>\n<\/ol>\n<p>\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n<hr\/>\n<p><em>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/em><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14 \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG …<\/p>\n","protected":false},"author":2,"featured_media":84593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-84592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=84592"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/84593"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=84592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=84592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=84592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 1: \u062a\u0633\u062a 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \ud83d\udc41\ufe0f\n<\/span><\/h2>\n\u0627\u06cc\u0646 \u06cc\u06a9\u06cc \u0633\u0627\u062f\u0647 \u0627\u0645\u0627 \u0642\u062f\u0631\u062a\u0645\u0646\u062f \u0627\u0633\u062a: \u0627\u06af\u0631 \u0646\u062a\u0648\u0627\u0646\u06cc\u062f \u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u062f\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f\u060c \u0645\u062e\u0627\u0637\u0628\u0627\u0646 \u0634\u0645\u0627 \u0646\u06cc\u0632 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u0646\u062f.<\/p>\n<\/span>\n \u0645\u0634\u06a9\u0644:\n<\/span><\/h3>\n\n- Too much text\n- Poor contrast\n- Cluttered design\n- Small font sizes\n<\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%AD%D9%84\"><\/span>\n<p> \u0631\u0627\u0647 \u062d\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646<\/li>\n<li>\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%DA%A9%D8%A7%D8%AA_%D8%AD%D8%B1%D9%81%D9%87_%D8%A7%DB%8C\"><\/span>\n<p> \u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f<\/li>\n<li>\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<li>\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_%D9%82%D8%A7%D9%84%D8%A8_%F0%9F%8E%AF\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kr\">interface<\/span> <span class=\"nx\">OGTemplate<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Base layout<\/span>\n <span class=\"nl\">layout<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">width<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">height<\/span><span class=\"p\">:<\/span> <span class=\"mi\">630<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">padding<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">background<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Text zones<\/span>\n <span class=\"nx\">zones<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">title<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">800<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">72<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"nx\">subtitle<\/span><span class=\"p\">?:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">600<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">36<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Brand elements<\/span>\n <span class=\"nx\">brand<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">logo<\/span><span class=\"p\">?:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n <span class=\"nx\">colors<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[],<\/span>\n <span class=\"nx\">fonts<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D8%A8%D8%A7%D8%B2%DA%AF%D8%B4%D8%AA%DB%8C_%F0%9F%9B%A1%EF%B8%8F\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"https:\/\/your-domain.com\/og\/main.png\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:width\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"1200\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:height\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"630\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Fallback for slower connections --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:alt\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"Your descriptive text here\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Additional fallback --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"twitter:card\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"summary_large_image\"<\/span><span class=\"nt\">><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%B3%D9%85%D8%AA_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C%DB%8C\"><\/span>\n<p> \u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Generate a color-only fallback<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">generateFallback<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`https:\/\/your-api.com\/og\/fallback?\n text=<\/span><span class=\"p\">${<\/span><span class=\"nf\">encodeURIComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\n &background=gradient\n &size=small`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_4_%DA%A9%D8%B4_%D8%A8%D8%A7%D8%B3%D8%AA%D8%B1_%F0%9F%9A%80\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">getOGImageUrl<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">version<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">version<\/span> <span class=\"o\">||<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">}<\/span><span class=\"s2\">?v=<\/span><span class=\"p\">${<\/span><span class=\"nx\">timestamp<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage:<\/span>\n<span class=\"o\"><<\/span><span class=\"nx\">meta<\/span> \n <span class=\"nx\">property<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">og:image<\/span><span class=\"dl\">\"<\/span> \n <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nf\">getOGImageUrl<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/your-domain.com\/og\/image.png<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span>\n<span class=\"o\">><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n<ul>\n<li>\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_5_%D9%85%D8%A7%D8%AA%D8%B1%DB%8C%D8%B3_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%F0%9F%8E%AD\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">previewMatrix<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Twitter<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/cards-dev.twitter.com\/validator<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LinkedIn<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/www.linkedin.com\/post-inspector\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Facebook<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/developers.facebook.com\/tools\/debug\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%AA%D8%B3%D8%AA_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p> \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">testOGImage<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">platform<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">previewMatrix<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Test image loading<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">img<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Test dimensions<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">dims<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getImageDimensions<\/span><span class=\"p\">(<\/span><span class=\"nx\">img<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Log results<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">OK<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">notes<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">width<\/span><span class=\"p\">}<\/span><span class=\"s2\">x<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">height<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">error<\/span><span class=\"p\">:<\/span> <span class=\"nx\">e<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%AC%D8%A7%DB%8C%D8%B2%D9%87_%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86_%F0%9F%A4%96\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n<li>\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f<\/li>\n<li>\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%D8%A7%DB%8C%D8%AC_%F0%9F%93%88\"><\/span>\n<p> \u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n<ul>\n<li>\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f<\/li>\n<li>\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a<\/li>\n<li>\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642<\/li>\n<li>\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%DB%8C%D8%A7%DB%8C%DB%8C%D8%AF_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%A8%DB%8C%D9%86%DB%8C%D9%85_%F0%9F%92%A1\"><\/span>\n<p> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f\n<\/li>\n<li>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc<\/li>\n<li>\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/li>\n<\/ol>\n<p>\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n<hr\/>\n<p><em>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/em><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14 \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG …<\/p>\n","protected":false},"author":2,"featured_media":84593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-84592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=84592"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/84593"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=84592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=84592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=84592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u0645\u0634\u06a9\u0644:\n<\/span><\/h3>\n\n- Too much text\n- Poor contrast\n- Cluttered design\n- Small font sizes\n<\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%AD%D9%84\"><\/span>\n<p> \u0631\u0627\u0647 \u062d\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646<\/li>\n<li>\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%DA%A9%D8%A7%D8%AA_%D8%AD%D8%B1%D9%81%D9%87_%D8%A7%DB%8C\"><\/span>\n<p> \u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f<\/li>\n<li>\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<li>\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_%D9%82%D8%A7%D9%84%D8%A8_%F0%9F%8E%AF\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kr\">interface<\/span> <span class=\"nx\">OGTemplate<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Base layout<\/span>\n <span class=\"nl\">layout<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">width<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">height<\/span><span class=\"p\">:<\/span> <span class=\"mi\">630<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">padding<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">background<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Text zones<\/span>\n <span class=\"nx\">zones<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">title<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">800<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">72<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"nx\">subtitle<\/span><span class=\"p\">?:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">600<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">36<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Brand elements<\/span>\n <span class=\"nx\">brand<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">logo<\/span><span class=\"p\">?:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n <span class=\"nx\">colors<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[],<\/span>\n <span class=\"nx\">fonts<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D8%A8%D8%A7%D8%B2%DA%AF%D8%B4%D8%AA%DB%8C_%F0%9F%9B%A1%EF%B8%8F\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"https:\/\/your-domain.com\/og\/main.png\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:width\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"1200\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:height\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"630\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Fallback for slower connections --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:alt\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"Your descriptive text here\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Additional fallback --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"twitter:card\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"summary_large_image\"<\/span><span class=\"nt\">><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%B3%D9%85%D8%AA_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C%DB%8C\"><\/span>\n<p> \u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Generate a color-only fallback<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">generateFallback<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`https:\/\/your-api.com\/og\/fallback?\n text=<\/span><span class=\"p\">${<\/span><span class=\"nf\">encodeURIComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\n &background=gradient\n &size=small`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_4_%DA%A9%D8%B4_%D8%A8%D8%A7%D8%B3%D8%AA%D8%B1_%F0%9F%9A%80\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">getOGImageUrl<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">version<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">version<\/span> <span class=\"o\">||<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">}<\/span><span class=\"s2\">?v=<\/span><span class=\"p\">${<\/span><span class=\"nx\">timestamp<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage:<\/span>\n<span class=\"o\"><<\/span><span class=\"nx\">meta<\/span> \n <span class=\"nx\">property<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">og:image<\/span><span class=\"dl\">\"<\/span> \n <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nf\">getOGImageUrl<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/your-domain.com\/og\/image.png<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span>\n<span class=\"o\">><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n<ul>\n<li>\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_5_%D9%85%D8%A7%D8%AA%D8%B1%DB%8C%D8%B3_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%F0%9F%8E%AD\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">previewMatrix<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Twitter<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/cards-dev.twitter.com\/validator<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LinkedIn<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/www.linkedin.com\/post-inspector\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Facebook<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/developers.facebook.com\/tools\/debug\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%AA%D8%B3%D8%AA_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p> \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">testOGImage<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">platform<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">previewMatrix<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Test image loading<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">img<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Test dimensions<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">dims<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getImageDimensions<\/span><span class=\"p\">(<\/span><span class=\"nx\">img<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Log results<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">OK<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">notes<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">width<\/span><span class=\"p\">}<\/span><span class=\"s2\">x<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">height<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">error<\/span><span class=\"p\">:<\/span> <span class=\"nx\">e<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%AC%D8%A7%DB%8C%D8%B2%D9%87_%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86_%F0%9F%A4%96\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n<li>\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f<\/li>\n<li>\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%D8%A7%DB%8C%D8%AC_%F0%9F%93%88\"><\/span>\n<p> \u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n<ul>\n<li>\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f<\/li>\n<li>\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a<\/li>\n<li>\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642<\/li>\n<li>\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%DB%8C%D8%A7%DB%8C%DB%8C%D8%AF_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%A8%DB%8C%D9%86%DB%8C%D9%85_%F0%9F%92%A1\"><\/span>\n<p> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f\n<\/li>\n<li>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc<\/li>\n<li>\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/li>\n<\/ol>\n<p>\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n<hr\/>\n<p><em>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/em><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14 \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG …<\/p>\n","protected":false},"author":2,"featured_media":84593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-84592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=84592"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/84593"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=84592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=84592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=84592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
- Too much text\n- Poor contrast\n- Cluttered design\n- Small font sizes\n<\/code><\/pre>\n\n\n \u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%B1%D8%A7%D9%87_%D8%AD%D9%84\"><\/span>\n<p> \u0631\u0627\u0647 \u062d\u0644:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>\u06cc\u06a9 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0622\u0632\u0645\u0627\u06cc\u0634\u06cc \u0633\u0627\u062f\u0647 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u062a\u0635\u0648\u06cc\u0631 OG \u062e\u0648\u062f \u0631\u0627 \u0628\u0627\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06cc\u06a9 \u062a\u0627\u06cc\u0645\u0631 5 \u062b\u0627\u0646\u06cc\u0647 \u0627\u06cc \u062a\u0646\u0638\u06cc\u0645 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0647 \u062f\u0648\u0631 \u0646\u06af\u0627\u0647 \u06a9\u0646\u060c \u0633\u067e\u0633 \u0628\u0647 \u0639\u0642\u0628 \u0646\u06af\u0627\u0647 \u06a9\u0646<\/li>\n<li>\u0633\u0639\u06cc \u06a9\u0646\u06cc\u062f \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0631\u0627 \u0628\u062e\u0648\u0627\u0646\u06cc\u062f<\/li>\n<\/ol>\n<p>\u0627\u06af\u0631 \u0646\u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f\u060c \u0633\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"%D9%86%DA%A9%D8%A7%D8%AA_%D8%AD%D8%B1%D9%81%D9%87_%D8%A7%DB%8C\"><\/span>\n<p> \u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ul>\n<li>\u0628\u0647 1-2 \u062e\u0637 \u0645\u062a\u0646 \u0628\u0686\u0633\u0628\u06cc\u062f<\/li>\n<li>\u0627\u0632 \u0627\u0646\u062f\u0627\u0632\u0647 \u0641\u0648\u0646\u062a 65px+ \u0628\u0631\u0627\u06cc \u0645\u062a\u0646 \u0627\u0635\u0644\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0645\u062a\u0646 \u062b\u0627\u0646\u0648\u06cc\u0647 \u0631\u0627 \u0628\u0627\u0644\u0627\u06cc 32 \u067e\u06cc\u06a9\u0633\u0644 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<li>\u062a\u0633\u062a \u062f\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062a\u0644\u0641\u0646 \u0647\u0645\u0631\u0627\u0647<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_2_%D8%B3%DB%8C%D8%B3%D8%AA%D9%85_%D9%82%D8%A7%D9%84%D8%A8_%F0%9F%8E%AF\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 2: \u0633\u06cc\u0633\u062a\u0645 \u0642\u0627\u0644\u0628 \ud83c\udfaf<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627\u0632\u0622\u0641\u0631\u06cc\u0646\u06cc \u0686\u0631\u062e \u0647\u0627 \u0631\u0627 \u0645\u062a\u0648\u0642\u0641 \u06a9\u0646\u06cc\u062f. \u0627\u06cc\u0646 \u0633\u0627\u062e\u062a\u0627\u0631 \u0642\u0627\u0644\u0628 \u0645\u0646 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kr\">interface<\/span> <span class=\"nx\">OGTemplate<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Base layout<\/span>\n <span class=\"nl\">layout<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">width<\/span><span class=\"p\">:<\/span> <span class=\"mi\">1200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">height<\/span><span class=\"p\">:<\/span> <span class=\"mi\">630<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">padding<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">background<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Text zones<\/span>\n <span class=\"nx\">zones<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">title<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">800<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">72<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"nx\">subtitle<\/span><span class=\"p\">?:<\/span> <span class=\"p\">{<\/span>\n <span class=\"na\">x<\/span><span class=\"p\">:<\/span> <span class=\"mi\">60<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">y<\/span><span class=\"p\">:<\/span> <span class=\"mi\">200<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">maxWidth<\/span><span class=\"p\">:<\/span> <span class=\"mi\">600<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">fontSize<\/span><span class=\"p\">:<\/span> <span class=\"mi\">36<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"c1\">\/\/ Brand elements<\/span>\n <span class=\"nx\">brand<\/span><span class=\"p\">:<\/span> <span class=\"p\">{<\/span>\n <span class=\"nl\">logo<\/span><span class=\"p\">?:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">,<\/span>\n <span class=\"nx\">colors<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[],<\/span>\n <span class=\"nx\">fonts<\/span><span class=\"p\">:<\/span> <span class=\"kr\">string<\/span><span class=\"p\">[]<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u062a\u0647 \u062d\u0631\u0641\u0647 \u0627\u06cc: 2-3 \u062a\u0646\u0648\u0639 \u0627\u06cc\u062c\u0627\u062f \u06a9\u0646\u06cc\u062f \u0648 \u0628\u0647 \u0622\u0646\u0647\u0627 \u067e\u0627\u06cc\u0628\u0646\u062f \u0628\u0627\u0634\u06cc\u062f. \u0633\u0627\u0632\u06af\u0627\u0631\u06cc > \u062e\u0644\u0627\u0642\u06cc\u062a \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_3_%D8%A7%D8%B3%D8%AA%D8%B1%D8%A7%D8%AA%DA%98%DB%8C_%D8%A8%D8%A7%D8%B2%DA%AF%D8%B4%D8%AA%DB%8C_%F0%9F%9B%A1%EF%B8%8F\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 3: \u0627\u0633\u062a\u0631\u0627\u062a\u0698\u06cc \u0628\u0627\u0632\u06af\u0634\u062a\u06cc \ud83d\udee1\ufe0f<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0622\u06cc\u0627 \u062a\u0627 \u0628\u0647 \u062d\u0627\u0644 \u0634\u062f\u0647 \u0627\u0633\u062a \u06a9\u0647 \u062a\u0635\u0648\u06cc\u0631 OG \u0634\u0645\u0627 \u0628\u0627\u0631\u06af\u06cc\u0631\u06cc \u0646\u0634\u0648\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u0646\u062d\u0648\u0647 \u0631\u0633\u06cc\u062f\u06af\u06cc \u0628\u0647 \u0622\u0646 \u0628\u0647 \u0646\u062d\u0648 \u0627\u062d\u0633\u0646\u062a \u0622\u0645\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight html\"><code><span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"https:\/\/your-domain.com\/og\/main.png\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:width\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"1200\"<\/span><span class=\"nt\">><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:height\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"630\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Fallback for slower connections --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">property=<\/span><span class=\"s\">\"og:image:alt\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"Your descriptive text here\"<\/span><span class=\"nt\">><\/span>\n<span class=\"c\"><!-- Additional fallback --><\/span>\n<span class=\"nt\"><meta\/> <span class=\"na\">name=<\/span><span class=\"s\">\"twitter:card\"<\/span> <span class=\"na\">content=<\/span><span class=\"s\">\"summary_large_image\"<\/span><span class=\"nt\">><\/span>\n<\/span><\/span><\/span><\/span><\/span><\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D9%82%D8%B3%D9%85%D8%AA_%D8%AC%D8%A7%D8%AF%D9%88%DB%8C%DB%8C\"><\/span>\n<p> \u0642\u0633\u0645\u062a \u062c\u0627\u062f\u0648\u06cc\u06cc:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"c1\">\/\/ Generate a color-only fallback<\/span>\n<span class=\"kd\">const<\/span> <span class=\"nx\">generateFallback<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`https:\/\/your-api.com\/og\/fallback?\n text=<\/span><span class=\"p\">${<\/span><span class=\"nf\">encodeURIComponent<\/span><span class=\"p\">(<\/span><span class=\"nx\">text<\/span><span class=\"p\">)}<\/span><span class=\"s2\">\n &background=gradient\n &size=small`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0627\u06cc\u0646 \u062a\u0636\u0645\u06cc\u0646 \u0645\u06cc \u06a9\u0646\u062f \u06a9\u0647 \u0686\u06cc\u0632\u06cc \u0647\u0645\u06cc\u0634\u0647 \u0638\u0627\u0647\u0631 \u0645\u06cc \u0634\u0648\u062f\u060c \u062d\u062a\u06cc \u062f\u0631 \u0628\u062f\u062a\u0631\u06cc\u0646 \u0633\u0646\u0627\u0631\u06cc\u0648\u0647\u0627.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_4_%DA%A9%D8%B4_%D8%A8%D8%A7%D8%B3%D8%AA%D8%B1_%F0%9F%9A%80\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 4: \u06a9\u0634 \u0628\u0627\u0633\u062a\u0631 \ud83d\ude80<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0630\u062e\u06cc\u0631\u0647 \u0633\u0627\u0632\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0642\u062f\u06cc\u0645\u06cc \u062e\u0648\u062f \u062a\u0648\u0633\u0637 \u067e\u0644\u062a\u0641\u0631\u0645 \u0647\u0627\u06cc \u0627\u062c\u062a\u0645\u0627\u0639\u06cc \u062e\u0633\u062a\u0647 \u0634\u062f\u0647 \u0627\u06cc\u062f\u061f \u062f\u0631 \u0627\u06cc\u0646\u062c\u0627 \u06cc\u06a9 \u062a\u0631\u0641\u0646\u062f \u0633\u0627\u062f\u0647 \u0627\u0633\u062a:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">getOGImageUrl<\/span> <span class=\"o\">=<\/span> <span class=\"p\">(<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">,<\/span> <span class=\"nx\">version<\/span><span class=\"p\">)<\/span> <span class=\"o\">=><\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">timestamp<\/span> <span class=\"o\">=<\/span> <span class=\"nx\">version<\/span> <span class=\"o\">||<\/span> <span class=\"nb\">Date<\/span><span class=\"p\">.<\/span><span class=\"nf\">now<\/span><span class=\"p\">();<\/span>\n <span class=\"k\">return<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">baseUrl<\/span><span class=\"p\">}<\/span><span class=\"s2\">?v=<\/span><span class=\"p\">${<\/span><span class=\"nx\">timestamp<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n\n<span class=\"c1\">\/\/ Usage:<\/span>\n<span class=\"o\"><<\/span><span class=\"nx\">meta<\/span> \n <span class=\"nx\">property<\/span><span class=\"o\">=<\/span><span class=\"dl\">\"<\/span><span class=\"s2\">og:image<\/span><span class=\"dl\">\"<\/span> \n <span class=\"nx\">content<\/span><span class=\"o\">=<\/span><span class=\"p\">{<\/span><span class=\"nf\">getOGImageUrl<\/span><span class=\"p\">(<\/span><span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/your-domain.com\/og\/image.png<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1.2<\/span><span class=\"dl\">'<\/span><span class=\"p\">)}<\/span>\n<span class=\"o\">><\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<p>\u0646\u06a9\u0627\u062a \u062d\u0631\u0641\u0647 \u0627\u06cc:<\/p>\n<ul>\n<li>\u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627\u06cc \u0645\u0639\u0646\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0631\u0648\u0632 \u0631\u0633\u0627\u0646\u06cc \u0647\u0627\u06cc \u0645\u0647\u0645 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u0628\u0631\u0627\u06cc \u062a\u063a\u06cc\u06cc\u0631\u0627\u062a \u0645\u06a9\u0631\u0631 \u0627\u0632 \u0645\u0647\u0631 \u0632\u0645\u0627\u0646\u06cc \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u06af\u0632\u0627\u0631\u0634\u06cc \u0627\u0632 \u0646\u0633\u062e\u0647 \u0647\u0627 \u0631\u0627 \u0646\u06af\u0647 \u062f\u0627\u0631\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%B4%D9%85%D8%A7%D8%B1%D9%87_5_%D9%85%D8%A7%D8%AA%D8%B1%DB%8C%D8%B3_%D9%BE%DB%8C%D8%B4_%D9%86%D9%85%D8%A7%DB%8C%D8%B4_%F0%9F%8E%AD\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u0634\u0645\u0627\u0631\u0647 5: \u0645\u0627\u062a\u0631\u06cc\u0633 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \ud83c\udfad<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0647 \u06cc\u06a9 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0627\u0639\u062a\u0645\u0627\u062f \u0646\u06a9\u0646\u06cc\u062f. \u0627\u0632 \u0627\u06cc\u0646 \u0645\u0627\u062a\u0631\u06cc\u0633 \u062a\u0633\u062a \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f:<\/p>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight typescript\"><code><span class=\"kd\">const<\/span> <span class=\"nx\">previewMatrix<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Twitter<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/cards-dev.twitter.com\/validator<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">LinkedIn<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/www.linkedin.com\/post-inspector\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">},<\/span>\n <span class=\"p\">{<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Facebook<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">dimensions<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">1200x628<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">url<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">https:\/\/developers.facebook.com\/tools\/debug\/<\/span><span class=\"dl\">'<\/span>\n <span class=\"p\">}<\/span>\n<span class=\"p\">];<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h3><span class=\"ez-toc-section\" id=\"%D8%A7%D8%B3%DA%A9%D8%B1%DB%8C%D9%BE%D8%AA_%D8%AA%D8%B3%D8%AA_%D8%B3%D8%B1%DB%8C%D8%B9\"><\/span>\n<p> \u0627\u0633\u06a9\u0631\u06cc\u067e\u062a \u062a\u0633\u062a \u0633\u0631\u06cc\u0639:<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<div class=\"highlight js-code-highlight\">\n<pre class=\"highlight javascript\"><code><span class=\"k\">async<\/span> <span class=\"kd\">function<\/span> <span class=\"nf\">testOGImage<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">results<\/span> <span class=\"o\">=<\/span> <span class=\"p\">[];<\/span>\n <span class=\"k\">for <\/span><span class=\"p\">(<\/span><span class=\"kd\">const<\/span> <span class=\"nx\">platform<\/span> <span class=\"k\">of<\/span> <span class=\"nx\">previewMatrix<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"k\">try<\/span> <span class=\"p\">{<\/span>\n <span class=\"c1\">\/\/ Test image loading<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">img<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">fetch<\/span><span class=\"p\">(<\/span><span class=\"nx\">url<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Test dimensions<\/span>\n <span class=\"kd\">const<\/span> <span class=\"nx\">dims<\/span> <span class=\"o\">=<\/span> <span class=\"k\">await<\/span> <span class=\"nf\">getImageDimensions<\/span><span class=\"p\">(<\/span><span class=\"nx\">img<\/span><span class=\"p\">);<\/span>\n <span class=\"c1\">\/\/ Log results<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">OK<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">notes<\/span><span class=\"p\">:<\/span> <span class=\"s2\">`<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">width<\/span><span class=\"p\">}<\/span><span class=\"s2\">x<\/span><span class=\"p\">${<\/span><span class=\"nx\">dims<\/span><span class=\"p\">.<\/span><span class=\"nx\">height<\/span><span class=\"p\">}<\/span><span class=\"s2\">`<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span> <span class=\"k\">catch <\/span><span class=\"p\">(<\/span><span class=\"nx\">e<\/span><span class=\"p\">)<\/span> <span class=\"p\">{<\/span>\n <span class=\"nx\">results<\/span><span class=\"p\">.<\/span><span class=\"nf\">push<\/span><span class=\"p\">({<\/span>\n <span class=\"na\">platform<\/span><span class=\"p\">:<\/span> <span class=\"nx\">platform<\/span><span class=\"p\">.<\/span><span class=\"nx\">name<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">status<\/span><span class=\"p\">:<\/span> <span class=\"dl\">'<\/span><span class=\"s1\">Failed<\/span><span class=\"dl\">'<\/span><span class=\"p\">,<\/span>\n <span class=\"na\">error<\/span><span class=\"p\">:<\/span> <span class=\"nx\">e<\/span><span class=\"p\">.<\/span><span class=\"nx\">message<\/span>\n <span class=\"p\">});<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"p\">}<\/span>\n <span class=\"k\">return<\/span> <span class=\"nx\">results<\/span><span class=\"p\">;<\/span>\n<span class=\"p\">}<\/span>\n<\/code><\/pre>\n<div class=\"highlight__panel js-actions-panel\">\n<div class=\"highlight__panel-action js-fullscreen-code-action\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-on\"><title>\u0648\u0627\u0631\u062f \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M16 3h6v6h-2V5h-4V3zM2 3h6v2H4v4H2V3zm18 16v-4h2v6h-6v-2h4zM4 19h4v2H2v-6h2v4z\"\/>\n<\/svg><\/p>\n<p> <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20px\" height=\"20px\" viewbox=\"0 0 24 24\" class=\"highlight-action crayons-icon highlight-action--fullscreen-off\"><title>\u0627\u0632 \u062d\u0627\u0644\u062a \u062a\u0645\u0627\u0645 \u0635\u0641\u062d\u0647 \u062e\u0627\u0631\u062c \u0634\u0648\u06cc\u062f<\/title>\n <path d=\"M18 7h4v2h-6V3h2v4zM8 9H2V7h4V3h2v6zm10 8v4h-2v-6h6v2h-4zM8 15v6H6v-4H2v-2h6z\"\/>\n<\/svg><\/p>\n<\/div>\n<\/div>\n<\/div>\n<h2><span class=\"ez-toc-section\" id=\"%D8%AA%D8%B1%D9%81%D9%86%D8%AF_%D8%AC%D8%A7%DB%8C%D8%B2%D9%87_%D8%A7%D8%AA%D9%88%D9%85%D8%A7%D8%B3%DB%8C%D9%88%D9%86_%F0%9F%A4%96\"><\/span>\n<p> \u062a\u0631\u0641\u0646\u062f \u062c\u0627\u06cc\u0632\u0647: \u0627\u062a\u0648\u0645\u0627\u0633\u06cc\u0648\u0646 \ud83e\udd16<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u067e\u0633 \u0627\u0632 \u0627\u062c\u0631\u0627\u06cc \u062a\u0645\u0627\u0645 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0628\u0631\u0627\u06cc \u0645\u062f\u062a\u06cc \u0628\u0647 \u0635\u0648\u0631\u062a \u062f\u0633\u062a\u06cc\u060c \u0645\u062a\u0648\u062c\u0647 \u0634\u062f\u0645 \u06a9\u0647 \u0627\u06cc\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u062f \u062e\u0648\u062f\u06a9\u0627\u0631 \u0628\u0627\u0634\u062f. \u062f\u0631 \u0648\u0627\u0642\u0639 \u0628\u0647 \u0647\u0645\u06cc\u0646 \u062f\u0644\u06cc\u0644 \u0627\u0633\u062a \u06a9\u0647 \u0645\u0646 gleam.so \u0631\u0627 \u0633\u0627\u062e\u062a\u0645 – \u062a\u0627 \u0647\u0645\u0647 \u0627\u06cc\u0646\u0647\u0627 \u0631\u0627 \u0628\u0647 \u0637\u0648\u0631 \u062e\u0648\u062f\u06a9\u0627\u0631 \u06a9\u0646\u062a\u0631\u0644 \u06a9\u0646\u062f.<\/p>\n<p>\u0686\u0647 \u062c\u0627\u0644\u0628 \u0627\u06cc\u0646 \u0627\u0633\u062a \u06a9\u0647 \u0627\u06a9\u0646\u0648\u0646 \u0645\u06cc \u062a\u0648\u0627\u0646\u06cc\u062f:<\/p>\n<ul>\n<li>\u0647\u0645\u0647 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u062f\u0631 \u06cc\u06a9 \u0645\u06a9\u0627\u0646 \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0647\u0645\u0647 \u0686\u06cc\u0632 \u0642\u0628\u0644 \u0627\u0632 \u0635\u0627\u062f\u0631\u0627\u062a<\/li>\n<li>\u0627\u0632 \u0627\u0644\u06af\u0648\u0647\u0627\u06cc \u0627\u0632 \u067e\u06cc\u0634 \u0633\u0627\u062e\u062a\u0647 \u0634\u062f\u0647 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u06a9\u0646\u06cc\u062f \u06a9\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u0627\u0635\u0648\u0644 \u067e\u06cc\u0631\u0648\u06cc \u0645\u06cc \u06a9\u0646\u0646\u062f<\/li>\n<li>\u0628\u0647 \u062c\u0627\u06cc \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0631\u0648\u06cc \u0645\u062d\u062a\u0648\u0627 \u062a\u0645\u0631\u06a9\u0632 \u06a9\u0646\u06cc\u062f<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D9%86%D8%AA%D8%A7%DB%8C%D8%AC_%F0%9F%93%88\"><\/span>\n<p> \u0646\u062a\u0627\u06cc\u062c \ud83d\udcc8<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0628\u0627 \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0627\u0632 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u062f\u06cc\u062f\u0645:<\/p>\n<ul>\n<li>\u06a9\u0627\u0647\u0634 80 \u062f\u0631\u0635\u062f\u06cc \u0632\u0645\u0627\u0646 \u0627\u06cc\u062c\u0627\u062f<\/li>\n<li>\u0628\u0631\u0646\u062f\u0633\u0627\u0632\u06cc 100\u066a \u062b\u0627\u0628\u062a<\/li>\n<li>\u0635\u0641\u0631 \u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u0646\u0627\u0645\u0648\u0641\u0642<\/li>\n<li>\u0646\u0631\u062e \u062a\u0639\u0627\u0645\u0644 \u0628\u0647\u062a\u0631<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"%D8%A8%DB%8C%D8%A7%DB%8C%DB%8C%D8%AF_%D8%AA%D8%B1%D9%81%D9%86%D8%AF%D9%87%D8%A7%DB%8C_%D8%B4%D9%85%D8%A7_%D8%B1%D8%A7_%D8%A8%D8%A8%DB%8C%D9%86%DB%8C%D9%85_%F0%9F%92%A1\"><\/span>\n<p> \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc \u0634\u0645\u0627 \u0631\u0627 \u0628\u0628\u06cc\u0646\u06cc\u0645! \ud83d\udca1<br \/>\n<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>\u0627\u0632 \u0686\u0647 \u062a\u0631\u0641\u0646\u062f\u0647\u0627\u06cc\u06cc \u0628\u0631\u0627\u06cc \u062a\u0635\u0627\u0648\u06cc\u0631 OG \u0627\u0633\u062a\u0641\u0627\u062f\u0647 \u0645\u06cc \u06a9\u0646\u06cc\u062f\u061f \u062f\u0631 \u0646\u0638\u0631\u0627\u062a \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u0628\u06af\u0630\u0627\u0631\u06cc\u062f!<\/p>\n<p>\u0648 \u0627\u06af\u0631 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0631\u0627 \u0628\u062f\u0648\u0646 \u062a\u0646\u0638\u06cc\u0645\u0627\u062a \u0641\u0646\u06cc \u0627\u0645\u062a\u062d\u0627\u0646 \u06a9\u0646\u06cc\u062f:<\/p>\n<ol>\n<li>\u0628\u0647 gleam.so \u0645\u0631\u0627\u062c\u0639\u0647 \u06a9\u0646\u06cc\u062f\n<\/li>\n<li>\u0647\u0631 \u0686\u06cc\u0632\u06cc \u0631\u0627 \u06a9\u0647 \u0645\u06cc \u062e\u0648\u0627\u0647\u06cc\u062f \u0637\u0631\u0627\u062d\u06cc \u06a9\u0646\u06cc\u062f<\/li>\n<li>\u067e\u06cc\u0634 \u0646\u0645\u0627\u06cc\u0634 \u062f\u0631 \u0632\u0645\u0627\u0646 \u0648\u0627\u0642\u0639\u06cc<\/li>\n<li>\u0635\u0627\u062f\u0631\u0627\u062a \u0641\u0642\u0637 \u062f\u0631 \u0635\u0648\u0631\u062a \u06a9\u0627\u0645\u0644 \u0628\u0648\u062f\u0646 \u2728<\/li>\n<\/ol>\n<p>\u0633\u0648\u0627\u0644\u0627\u062a\u061f \u0646\u06a9\u0627\u062a\u06cc \u0628\u0631\u0627\u06cc \u0628\u0647 \u0627\u0634\u062a\u0631\u0627\u06a9 \u06af\u0630\u0627\u0634\u062a\u0646\u061f \u0622\u0646\u0647\u0627 \u0631\u0627 \u062f\u0631 \u0632\u06cc\u0631 \u0631\u0647\u0627 \u06a9\u0646\u06cc\u062f! <\/p>\n<hr\/>\n<p><em>\u0627\u06cc\u0646 \u0642\u0633\u0645\u062a 3 \u0627\u0632 \u0645\u062c\u0645\u0648\u0639\u0647 “Making OpenGraph Work” \u0627\u0633\u062a. \u0627\u06af\u0631 \u0642\u0633\u0645\u062a \u0647\u0627\u06cc \u062f\u06cc\u06af\u0631 \u0631\u0627 \u0627\u0632 \u062f\u0633\u062a \u062f\u0627\u062f\u06cc\u062f \u0628\u0628\u06cc\u0646\u06cc\u062f!<\/em><\/p>\n<\/p><\/div>\n<p><script async src=\"\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summarize this content to 400 words in Persian Lang \u0633\u0644\u0627\u0645 \u062f\u0648\u0633\u062a\u0627\u0646 \u062a\u0648\u0633\u0639\u0647 \u062f\u0647\u0646\u062f\u0647! \ud83d\udc4b \u067e\u0633 \u0627\u0632 \u0628\u0631\u0631\u0633\u06cc \u0639\u0645\u06cc\u0642 \u0645\u0627 \u062f\u0631 \u0645\u0634\u062e\u0635\u0627\u062a OpenGraph\u060c \u0628\u06cc\u0627\u06cc\u06cc\u062f \u062f\u0631 \u0645\u0648\u0631\u062f \u0686\u0646\u062f \u062a\u0631\u0641\u0646\u062f \u0639\u0645\u0644\u06cc \u0635\u062d\u0628\u062a \u06a9\u0646\u06cc\u0645 \u06a9\u0647 \u0628\u0627\u0639\u062b \u0635\u0631\u0641\u0647 \u062c\u0648\u06cc\u06cc \u062f\u0631 \u0648\u0642\u062a \u0648 \u0633\u0631\u062f\u0631\u062f \u0634\u0645\u0627 \u0645\u06cc \u0634\u0648\u062f. \u0686\u0631\u0627 \u0627\u06cc\u0646 \u062a\u0631\u0641\u0646\u062f\u0647\u0627 \u0645\u0647\u0645 \u0647\u0633\u062a\u0646\u062f \ud83e\udd14 \u0645\u0627\u0647 \u06af\u0630\u0634\u062a\u0647\u060c \u0645\u0646 \u0646\u06cc\u0627\u0632 \u0628\u0647 \u0627\u06cc\u062c\u0627\u062f \u062a\u0635\u0627\u0648\u06cc\u0631 OG …<\/p>\n","protected":false},"author":2,"featured_media":84593,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"","fifu_image_alt":"","footnotes":""},"categories":[339],"tags":[],"class_list":["post-84592","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dev"],"_links":{"self":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/comments?post=84592"}],"version-history":[{"count":0,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/posts\/84592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media\/84593"}],"wp:attachment":[{"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/media?parent=84592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/categories?post=84592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nabfollower.com\/blog\/wp-json\/wp\/v2\/tags?post=84592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}