LibraTool logoLibraTool

ነፃ Meta Tag እና Open Graph ፈጣሪ

SEO meta tagsን፣ Open Graphንና Twitter Card markupን ከቀጥታ Google እና ማህበራዊ-ማጋሪያ ቅድመ-እይታ ጋር ይፍጠሩ። በቀጥታ ወደ ገጽዎ head ይቅዱ።

ከተጫነ በኋላ ከመስመር ውጭ ይሠራል
0 · 0/580px
0 · 0/920px

ምርጥ፦ 1200×630 ፒክሰል፣ ከ5 ሜባ በታች፣ ፍጹም https:// አገናኝ።

እንዲሁም አካትት
ርዕስ 0/580px (ከ30-60 ይመከራል)መግለጫ 0/920px (ከ70-160 ይመከራል)

የGoogle ፍለጋ ቅድመ-እይታ

example.com
የገጽዎ ርዕስ እዚህ ይታያል
የገጽዎ meta description እዚህ ይታያል። ከፍለጋ ውጤቶች click-through rate ለማሻሻል አሳማኝ ያድርጉት።

ስፋቶቹ ግምት ናቸው፦ Google የሚቆርጠው በፒክሰል እንጂ በቁምፊ አይደለም።

የማህበራዊ ካርድ ቅድመ-እይታ

የog:image ቅድመ-እይታ
example.com
የገጽ ርዕስ
የገጽ መግለጫ
ወደ <head> ውስጥ ይለጥፉ

meta tags ለመፍጠር ቢያንስ አንድ መስክ ከላይ ይሙሉ።

እንዴት እንደሚሠራ

ሁሉም የመለያ ማቀናጀት እና የhead ትንተና በቀጥታ በአሳሽዎ ውስጥ ይከናወናሉ — አገልጋይ አይሳተፍም። መሣሪያው የHTML ሕብረቁምፊዎችን በምላሽ ለመገንባት የReact useMemoን፣ ለማስገቢያ/ኦዲት ባህሪው ደግሞ ያለውን የገጽ markup ለማንበብ የአሳሹን አብሮገነብ DOMParser API ይጠቀማል።

  1. 1
    የቅጽ ግቤት የቀጥታ ማቀናጀትን ይመራል
    ሲተይቡ፣ useMemo hook ሙሉውን የመለያ ብሎክ — ርዕስ፣ meta መግለጫ፣ የOpen Graph ንብረቶች እና የTwitter Card ባህሪያት — ወዲያውኑ እንደገና ያቀናጃል፤ ልዩ ቁምፊዎችን (&፣ <፣ >፣ ") ያመልጣል፤ ስለዚህ ውጤቱ በቀጥታ ወደ HTML ለመለጠፍ ደህንነቱ የተጠበቀ ነው።
  2. 2
    በአሳሹ URL constructor የURL ማረጋገጫ
    እያንዳንዱ የURL መስክ (የገጽ URL፣ የማኅበራዊ ምስል) የአሳሹን አብሮገነብ URL constructor በመጠቀም ይረጋገጣል። በትክክል የተቀረጹ እና ነጥብ ያላቸው የአስተናጋጅ ስሞች ያሏቸው http:// ወይም https:// አድራሻዎች ብቻ ያልፋሉ፤ ልክ ያልሆኑ እሴቶች የቅዳ አዝራሩን ያግዳሉ እና በመስመር ውስጥ ስህተት ያሳያሉ።
  3. 3
    ማስገቢያ፦ DOMParser ያለውን የhead markup ያነባል
    ለኦዲት ያለውን የ<head> HTML ከለጠፉ፣ መሣሪያው በማይሠራ ሁነታ በDOMParser ያሳልፈዋል — ምንም script አይሠራም፣ ምንም የአውታረ መረብ ጥያቄ አይደረግም። ከዚያም የተተነተነውን ሰነድ ለታወቁ የmeta መራጮች (og:title፣ twitter:description፣ canonical link ወዘተ.) ይጠይቃል እና ያገኘውን ሁሉ በቅጹ መስኮች ውስጥ አስቀድሞ ይሞላል።
  4. 4
    የቀጥታ የGoogle እና የማኅበራዊ ካርድ ቅድመ-እይታዎች
    መሣሪያው ተመሳሳዩን የቅጽ ሁኔታ በመጠቀም የተቀረጸ የGoogle ፍለጋ ውጤት እና የOpen Graph ካርድ ቅድመ-እይታ በቀጥታ ያሳያል፤ ስለዚህ ውጤቱን ከመቅዳትዎ በፊት ርዕሱ እና መግለጫው እንዴት እንደሚቆረጡ በትክክል ማየት ይችላሉ።

ተዛማጅ መሳሪያዎች

ተደጋጋሚ ጥያቄዎች