Kyauta Mai Ƙirƙirar Meta Tag & Open Graph

Yadda Yake Aiki

Duk haɗin alama da nazarin head suna faruwa kai tsaye a burauzarka — babu uwar garke da abin ya shafa. Kayan aikin yana amfani da useMemo na React don gina harafin HTML mai amsawa da DOMParser API na asali na burauza don karanta alamar shafi da yake wanzu don abin fasalin shigowa/bincike.

1. 1
   Shigarwar form tana tuka haɗi mai rai

   Yayin da kake bugawa, wani useMemo hook yana sake haɗa cikakken block na alama nan take — take, meta description, dukiyoyin Open Graph, da siffofin Twitter Card — yana escape haruffa na musamman (&, <, >, ") don fitarwa ta zama lafiya don manna kai tsaye zuwa HTML.
2. 2
   Tabbatar da URL ta hanyar mai gina URL na burauza

   Ana tabbatar da kowace filin URL (URL na shafi, hoto na zamantakewa) ta amfani da mai gina URL da aka gina na burauza. Adireshin http:// ko https:// masu tsari daidai da hostnames masu ɗigo kawai suke wucewa; ƙimomi marasa inganci suna toshe maɓallin kwafi kuma suna nuna kuskure na cikin gida.
3. 3
   Shigowa: DOMParser yana karanta alamar head da take wanzu

   Idan ka manna HTML na <head> da yake wanzu don duba shi, kayan aikin yana gudanar da shi ta DOMParser a yanayin inert — babu alamomin rubutu da suke gudana kuma babu bukatun sadarwa da ake yi. Sannan yana tambayar takardar da aka nazari don sanannun mai zaɓen meta (og:title, twitter:description, hanyar haɗi na canonical, da sauransu) kuma yana cika filayen form tukuna da duk abin da ya samu.
4. 4
   Dubawar Google da katunan zamantakewa mai rai

   Kayan aikin yana zana wani sakamakon binciken Google mai salo da dubawar katin Open Graph a lokaci na gaskiya ta amfani da iri ɗayan yanayin form, don ka iya ganin ainihin yadda za a taƙaita take da bayani kafin ka kwafi fitarwa.

Kayan Aiki Masu Alaƙa