دروستکەری تاگی Meta و Open Graphی بەخۆڕایی

چۆن کار دەکات

هەموو کۆکردنەوەی تاگ و شیکردنەوەی سەرپەڕ ڕاستەوخۆ لە وێبگەڕەکەتدا ڕوودەدات — هیچ سێرڤەرێک تێناکەوێت. ئامرازەکە useMemoی React بەکاردێنێت بۆ بنیاتنانی کارلێکی ڕیزبەندی HTML و APIی سەرەکی DOMParserی وێبگەڕ بۆ خوێندنەوەی نیشانەی پەڕەی هەیە بۆ تایبەتمەندی هاوردەکردن/پشکنین.

1. 1
   داخڵی فۆرم بنیاتنانی زیندوو دەبات

   هەروەک دەینووسیت، هووکێکی useMemo دەستبەجێ بلۆکی تاگی تەواو دووبارە بنیاتدەنێتەوە — ناونیشان، وەسفی meta، تایبەتمەندی Open Graph، و تایبەتمەندی Twitter Card — پیتی تایبەت سکێیپ دەکات (&، <، >، ") بۆیە دەرچوونەکە سەلامەتە بۆ لکاندنی ڕاستەوخۆ لەناو HTMLدا.
2. 2
   پشکنینی URL لە ڕێگای دروستکەری URLی وێبگەڕەوە

   هەر خانەیەکی URL (URLی پەڕە، وێنەی کۆمەڵایەتی) پشکنین دەکرێت بە بەکارهێنانی دروستکەری سەرەکی URLی وێبگەڕ. تەنها ناونیشانی http:// یان https://ی باش-پێکهاتەی خاودار تێدەپەڕن؛ نرخی نادروست دوگمەی کۆپی دەگرێت و هەڵەیەکی ناوخۆیی نیشان دەدات.
3. 3
   هاوردەکردن: DOMParser نیشانەی سەرپەڕی هەیە دەخوێنێتەوە

   ئەگەر HTMLی <head>ی هەیە بۆ پشکنین لکاندی بکەیت، ئامرازەکە بەسەر DOMParserدا لە دۆخی بێ-کاردا ڕادەیبات — هیچ سکریپتێک جێبەجێ ناکرێت و هیچ داواکاری تۆڕ ناکرێت. پاشان بەڵگەنامەی شیکراو بۆ هەڵبژێری meta ی زانراو (og:title، twitter:description، لینکی canonical، هتد) پرسیار دەکات و خانەی فۆرم پێشوەخت پڕدەکاتەوە بەوەی دەیدۆزێتەوە.
4. 4
   پێشبینینی زیندووی Google و کارتی کۆمەڵایەتی

   ئامرازەکە ئەنجامی گەڕانی Googleی شێوازکراو و پێشبینینێکی کارتی Open Graph بە کاتی ڕاستەقینەدا دەکێشێت بە بەکارهێنانی هەمان دۆخی فۆرم، بۆیە دەتوانیت بەدروستی ببینیت چۆن ناونیشان و وەسف کورت دەکرێنەوە پێش کۆپیکردنی دەرچوون.

ئامرازە پەیوەندیدارەکان