Ruka hadi maudhui makuu

Jenereta ya Meta Tag & Open Graph bila malipo

Tengeneza meta tags za SEO, Open Graph, na alama ya Twitter Card na mwonekano wa moja kwa moja wa Google na kushiriki kwa kijamii. Nakili moja kwa moja kwenye kichwa cha ukurasa wako.

Inafanya kazi bila mtandao mara ikishapakia
0 Β· 0/580px
0 Β· 0/920px

Bora: 1200Γ—630 px, chini ya MB 5, kiungo kamili cha https://.

Jumuisha pia
Kichwa 0/580px (lenga 30-60)Maelezo 0/920px (lenga 70-160)

Muonekano wa utafutaji wa Google

example.com
Kichwa cha ukurasa wako kinaonekana hapa
Maelezo yako ya meta yanaonekana hapa. Yafanye ya kuvutia ili kuboresha kiwango cha mibofyo kutoka matokeo ya utafutaji.

Upana ni makadirio: Google hukata kwa pikseli, si herufi.

Muonekano wa kadi ya kijamii

muonekano wa og:image
example.com
Kichwa cha ukurasa
Maelezo ya ukurasa
Bandika kwenye <head> yako

Jaza sehemu angavu hapo juu kutengeneza meta tags.

Matumizi ya kawaida

  • Meta-lebo kwa Magatu ya BlogTengeneza chapati, maelezo, na lebo za hadithi ili makala yako ioneae safi yakati inapogawanywa.
  • Meta-lebo kwa Kurasa za BidhaaFanya kurasa za bidhaa zionekane safi yakati inapogawanywa na kusoma vizuri katika matokeo ya utaftaji.
  • Meta-lebo kwa Kurasa za KutuaDhibiti jinsi kurasa za kutua za kampeni zinavyoonekana yakati inapogawanywa na kutafutwa.
  • Tengeneza Meta-lebo kwa Programu yoyote ya WavutiTengeneza haraka seti kamili ya meta-lebo za kichwa kwa kurasat au wavuti mpya.
  • Rekebisha Muonekano wa Kiunganisha wa AjabuZuia kiunganisha chako kutoka kuonekana kama URL zenye kufoka β€” ongeza lebo zinazounda kadi za muonekano matajiri.

Jinsi Inavyofanya Kazi

Ujenzi wote wa lebo na uchambuzi wa head unafanyika moja kwa moja kwenye kivinjari chako β€” hakuna seva inayohusika. Kifaa kinatumia useMemo ya React kujenga kwa mwitikio mifuatano ya HTML na DOMParser API ya asili ya kivinjari kusoma msimbo uliopo wa ukurasa kwa kipengele cha kuingiza/kukagua.

  1. 1
    Uingizaji wa fomu unaendesha ujenzi wa moja kwa moja
    Unapoandika, kiungo cha useMemo kinajenga upya papo hapo kizuizi kamili cha lebo β€” kichwa, meta description, sifa za Open Graph, na sifa za Twitter Card β€” kikitorokea herufi maalum (&, <, >, ") ili matokeo yawe salama kubandika moja kwa moja kwenye HTML.
  2. 2
    Uthibitishaji wa URL kupitia mjenzi wa URL wa kivinjari
    Kila uwanja wa URL (URL ya ukurasa, picha ya kijamii) unathibitishwa kwa kutumia mjenzi wa URL wa asili wa kivinjari. Anwani za http:// au https:// zilizoumbwa vizuri zenye majina ya jeshi yenye nukta pekee zinafaulu; thamani batili zinazuia kitufe cha kunakili na kuonyesha hitilafu ya ndani.
  3. 3
    Kuingiza: DOMParser inasoma msimbo uliopo wa head
    Ukibandika HTML ya <head> iliyopo kuikagua, kifaa kinaipitisha kupitia DOMParser katika hali isiyo hai β€” hakuna script zinazotekelezwa na hakuna maombi ya mtandao yanayofanywa. Kisha kinaita hati iliyochambuliwa kwa vichagua meta vinavyojulikana (og:title, twitter:description, kiungo cha canonical, n.k.) na kujaza mapema uwanja wa fomu na chochote kinachokipata.
  4. 4
    Onyesho la awali la moja kwa moja la Google na kadi za kijamii
    Kifaa kinaonyesha matokeo ya utafutaji ya Google yenye mtindo na onyesho la awali la kadi ya Open Graph papo hapo kwa kutumia hali ile ile ya fomu, kwa hiyo unaweza kuona hasa jinsi kichwa na maelezo yatakavyokatwa kabla ya kunakili matokeo.

Zana Zinazohusiana

Maswali Yanayoulizwa Mara Kwa Mara