Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Menambahkan Meta Tag Di Website

Meta Tag membantu menghasilkan cuplikan untuk mesin pencari seperti Google, Bing, atau Yandex. Kita bisa menambahkan meta tag di website untuk meningkatkan SEO. Artikel ini akan membahas cara menambahkan meta tag di website dan bagaimana kita bisa menambahkan tag tersebut ke blog Blogger.

cara menambahkan meta tag


Apa itu Meta Tag?

Meta tag adalah kode informasi yang tersedia di header situs web untuk mesin pencari. Saat bot mesin pencari merayapi situs web, meta tag memberikan informasi tentang konten halaman.

Meta tag memberikan informasi mengenai tag robot, media sosial, dan lain sebagainya. Oleh karena itu, mereka membantu dalam menghasilkan hasil cuplikan yang kaya.

Meta Tag untuk SEO

  • Deskripsi Meta tag : Tag ini memberikan informasi tentang kutipan artikel yang akan muncul beserta hasil halaman di mesin pencari.
  • Title Tag : Menentukan judul Halaman untuk mesin pencari,
  • Tag robots : tag ini menyatakan bagaimana sebuah halaman akan muncul di hasil pencarian seperti index, noindex, page snippet, dll.

Buka tag Meta Grafik

Buka data grafik yang diperkenalkan oleh Facebook pada tahun 2010. Ini memungkinkan menghasilkan konten cuplikan yang kaya saat Anda membagikan konten di media sosial seperti Facebook, Twitter, Telegram, dan lain sebagainya.

  • Buka Jenis Grafik <meta content='article' property='og:type'/>
  • Ini menyatakan jenis konten situs web, yaitu halaman web atau artikel.
  • Buka Gambar Grafik,
  • Tag ini berbicara tentang gambar yang disertakan untuk media sosial. Biasanya, itu harus berukuran besar 1200 × 675.
  • Judul dan Deskripsi Tag
  • Tag ini memberikan informasi tentang tag judul yang digunakan dan deskripsi situs web.

Cara Membuat dan Menambahkan Meta Tag ke Blogger.

Kita dapat menggunakan semua meta tag yang dibahas di atas di blog Blogger. Ini adalah kode informasi yang harus dimasukkan ke bagian header situs web atau blog mana pun.

Untuk menyuntikkan tag meta di Blogger, Anda harus tahu cara edit template Blogger untuk disain. Temukan <head> tag dan tempel semua tag meta ini tepat di bawah </head> tag.

<b:if cond='data:view.isSingleItem'>
<meta content='article' property='og:type'/>
<else/>
<meta content='website' property='og:type'/>
</b:if>
<b:include data='blog' name='all-head-content' />
<title>
    <b:if cond='data:blog.pageType == &quot;index&quot;'>
        <data:blog.title/>
        <b:else/>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
            <data:blog.pageName/>
            <b:else/> ERROR 404 - <data:blog.title/>
        </b:if>
    </b:if>
</title>
<b:if cond='!data:view.isHomepage and !data:view.isSingleItem'>
 <meta content='index,follow' name='robots'/>
<else/>
 <meta content='max-snippet:-1, max-image-preview:large, max-video-preview:-1' name='robots'/>
</b:if>
<meta content='https://www.facebook.com/myfburl' property='article:publisher' />
<meta content='https://www.facebook.com/adminurl' property='article:author' />
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <meta expr:content='data:blog.pageName' property='og:title' />
    <meta expr:content='data:blog.canonicalUrl' property='og:url' />
    <meta content='article' property='og:type' />
</b:if>
<b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image' />
    <meta expr:content='data:blog.postImageUrl' property='og:image:secure_url' />

    <b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageUrl' property='og:image' />
    </b:if>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
    <meta expr:content='data:blog.metaDescription' name='og:description' />
</b:if>
<meta expr:content='data:blog.title' property='og:site_name' />
<meta expr:content='data:blog.homepageUrl' name='twitter:domain' />
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.postImageUrl'>
    <meta content='summary_large_image' name='twitter:card' />
    <meta expr:content='data:blog.postImageUrl' name='twitter:image' />
    <b:else/>
    <meta content='summary' name='twitter:card' />
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image' />
    </b:if>
</b:if>
<meta expr:content='data:blog.pageName' name='twitter:title' />
<b:if cond='data:blog.metaDescription'>
    <meta expr:content='data:blog.metaDescription' name='twitter:description' />
</b:if>
<!-- Social Media meta tag need customer customization -->
<meta content='Your Google Webmaster Verification Code' name='google-site-verification' />
<meta content='Your Bing Verification Code' name='msvalidate.01' />
<meta content='Your facebook ID' property='fb:app_id' />
<meta content='Facebook Admin' property='fb:admins' />
<meta content='Twitter Page' name='twitter:site' />
<meta content='Twitter Admin' name='twitter:creator' />
<meta content='your country' name='geo.placename' />
<meta content='Your Name' name='Author' />
<meta content='general' name='rating' />
<meta content='ID' name='geo.country' />
<b:if cond='data:blog.pageType == "index"'> <data:blog.title/> <b:else/> <b:if cond='data:blog.pageType != "error_page"'> <data:blog.pageName/> <b:else/> ERROR 404 - <data:blog.title/> </b:if> </b:if>

Dan juga, jangan berikan meta tag dua kali. Mungkin saja beberapa meta tag sudah ada di blog Blogger Anda. Anda harus menemukan semua istilah meta yang dimulai dengan <meta/> di bagian header dan menghapus. Baru setelah itu Anda harus menempelkan kode metadata ini.

Setelah menempelkan kode di atas, biarkan Google merayapi laman web Anda, dan Anda dapat melihat peningkatan di Hasil Penelusuran Organik Anda. Bersamaan dengan ini, Anda juga dapat mengatur cara setting pengaturan robot tag header khusus untuk blog Anda.

Selain tag meta, ada cara menambahkan data struktur schema markup Blogger. Tag skema sekarang penting untuk hasil cuplikan kaya. Ini meningkatkan RKPT situs web Anda.

Kesimpulan

Pada artikel ini, kami membahas cara menambahkan meta tag ke blog Blogger untuk hasil cuplikan kaya. Kami juga membahas data struktur markup skema untuk hasil cuplikan kaya.

Saya harap posting ini bermanfaat bagi Anda. Jika Anda menyukai posting ini, ada pertanyaan atau saran, beri tahu saya di bagian komentar di bawah. Saya akan senang jika saya dapat membantu Anda. 

Posting Komentar untuk "Cara Menambahkan Meta Tag Di Website"