Meta Tag SEO Friendly

Meta Tag SEO Friendly - Apa itu Meta Tag? Meta tag merupakan kode yang berguna untuk memudahkan robot mesin pencari seperti google menampilkan konten blog berdasarkan kata kunci yang digunakan. Meta tag berbentuk sederetan kode yang memberikan informasi berupa meta data yang berkaitan dengan dokumen HTML atau XHTML berdasarkan fungsi-fungsinya dan biasanya diletakkan tepat di bawah kode <head>.

Apa Manfaat Meta Tag?
Manfaat meta tag, antara lain adalah Meta tag dapat membantu robot mesin pencari seperti google dalam meng-indeks konten-konten yang ada di blog, blog atau website dan artikel-artikel blog lebih cepat terindeks pada mesin pencari. Sebelum ke langkah penerapan meta tag ke template blog ada baiknya anda memahami terlabih dahulu fungsi dari meta tag dasar.

Adapun fungsi-fungsi meta tag berdasarkan beberapa elemen penting yang terdapat didalamnya seperti yang sudah saya singgung diatas, diantaranya.

Meta tag title
Meta tag title ini berfungsi memberikan informasi mengenai title atau judul sebuah blog.

<title>Title Blog Anda</title>

Meta tag description
Meta tag description berfungsi memberikan informasi deskripsi atau gambaran umum mengenai isi dari halamn blog atau website.

<meta content='Deskripsi blog anda' name='description'/>

Meta tag keyword
Meta tag keyword berfungsi memberikan informasi mengenai keyword/kata kunci blog atau website. Contoh : Personal Blog, Tutorial, Tips and Trick, Blogger, Computer, Windows, Internet, Application, Article . Meta tag keyword ini di isi dan di pisahkan oleh tanda koma (,).

<meta content='keyword Website Anda' name='keywords'/>

Meta tag mobile/responsive
Meta tag ini berfungsi untuk menyesuaikan atau responsive tampilan blog apabila di akses melalui perangkat apa saja. Dekstop, mobile, android.

<meta content='width=device-width, initial-scale=1' name='viewport'/>

Meta tag google verifikasi
Meta tag ini berfungsi untuk memvertifikasi situs atau blog anda di Google Webmaster Tools atau Google Search Console.

<meta content='#############################' name='google-site-verification'/>

Meta tag bing
Meta tag ini berfungsi untuk memverifikasi situs atau blog anda di Bing.

<meta content='#############################' name='msvalidate.01'/>

Meta tag geo
Meta Geo berfungsi untuk menentukan lokasi. Biasanya meta tag ini di isi berdasarkan lokasi negara anda.

<meta content='Indonesia' name='geo.placename'/> atau <meta content='id' name='geo.country'/>

Meta tag author
Meta Tag ini berfungsi memberikan informasi mengenai author atau penulis situs atau blog anda. Seiring perkembangannya, ada beberapa meta tag author yang bisa anda gunakan.

<meta content='Harmansyah' name='author' />
<meta content='https://www.facebook.com/harmansyahid' property=article:author'/>
<meta content='https://www.facebook.com/harmansyahid' property='article:publisher'/>

Seiring berkembangnya dunia internet saat ini, meta tag pun berkembang dan di sesuaikan berdasarkan kebutuhan. Jika meta tag diatas di tujukan untuk search engine (mesin pencari), Maka meta tag di bawah ini ditujukan untuk media sosial (social media) seperti facebook dan twitter. Fungsinya yakni apabila seseorang share link artikel blog anda di social media, maka informasi website anda akan terlihat lebih jelas dan lebih menarik. Berikut beberapa elemen yang terdapat di dalamnya.

Title

<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.title' property='og:title'/>

Type

<meta content='website' property='og:type'/>
<meta content='article' property='og:type'/>

Rel url

<meta expr:content='data:blog.url' property='og:url'/>

Opengraph (og) untuk menampilkan gambar

<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>

Opengraph (og) untuk menampilkan desikripsi

<meta expr:content='data:blog.metaDescription' property='og:description'/>

Site name

<meta expr:content='data:blog.title' property='og:site_name'/>

Facebook app id, admin, dan page (halaman/laman facebook)

<meta content='id_admin_facebook_anda' property='fb:admins'/>
<meta content='id_aplikasi_facebook_anda' property='fb:app_id'/>
<meta content='id_halaman_facebook_anda' property='fb:pages'/>

Lokasi

<meta content='en_US' property='og:locale'/>

Hreflang sosial media

<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

Twitter

<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='@harmansyahid' name='twitter:site'/>
<meta content='@harmansyahid' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Setelah mengetahui fungsi dari beberapa meta tag dasar dan mengetahui beberapa elemen meta tag media sosial, selanjutnya kita ke tahap penerapannya yakni menyusun semua meta tag diatas dan meletakkannya ke template blog atau website.
Berikut bentuk kode meta tag lengkap yang sudah saya susun sedemikian rupa dan memberikan beberapa tambahan kode serta meta tag lainnya.

Meta Tag SEO Friendly

<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='KEYWORD-BLOG' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if></b:if>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='https://plus.google.com/ID-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/ID-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/ID-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN-BLOG' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhexg1D7cIm3R0OFSJR2krbqcmHGUdbB8X-UoNF_HYSjMczQaUe58SuIkajnwUptaB9w2I04g65rrW-srDQGA251SrZRU6hMtz6lG2s5VztC-HYbqbXZQY_L9KGWJOBbZXpwReMKwL_N8w/s1600/harmansh.blogspot.com.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='URL-PROFIL-FACEBOOK' property='article:author'/>
<meta content='URL-HALAMAN-FANSPAGE-FACEBOOK' property='article:publisher'/>
<meta content='ID-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='ID-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='ID-HALAMAN-FANSPAGE-FACEBOOK' property='fb:pages'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Catatan :
- KEYWORD-BLOG : Diisi dengan keyword atau kata kunci blog anda (dipisahkan dengan tanda koma).
- ID-GOOGLE-PLUS : Diisi dengan profil google plus anda, contoh https://plus.google.com/108894734218693209884
- KODE-VALIDASI-GOOGLE-WEBMASTER : Diisi dengan kode validasi dari Google Webmaster Tools atau Google Search Console. Untuk mendapatkan kode validasi ini, silahkan simak artikel yang berjudul Cara Daftar dan Verifikasi Blog di Google Webmaster Tools.
- KODE-VALIDASI-BING-WEBMASTER - Diisi dengan kode validasi dari Bing Webmaster Tools. Untuk mendapatkan kode validasi ini, silahkan simak artikel berjudul Cara Daftar dan Verifikasi Blog di Bing Webmaster Tools.
- NAMA-ADMIN-BLOG : Diisi dengan nama admin blog, contoh : Harmansyah
- https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhexg1D7cIm3R0OFSJR2krbqcmHGUdbB8X-UoNF_HYSjMczQaUe58SuIkajnwUptaB9w2I04g65rrW-srDQGA251SrZRU6hMtz6lG2s5VztC-HYbqbXZQY_L9KGWJOBbZXpwReMKwL_N8w/s1600/harmansh.blogspot.com.jpg : Silahkan anda ganti dengan url gambar favorit anda.
- URL-PROFIL-FACEBOOK : Diisi dengan url profil facebook anda.
- URL-HALAMAN-FANSPAGE-FACEBOOK : Diisi dengan url halaman fanspage facebook anda. Apabila anda belum memiliki fanspage facebook, silahkan simak artikel yang berjudul Membuat dan Memasang Fanspage Facebook di Blog.
- ID-ADMIN-FACEBOOK : Diisi dengan id admin facebook anda. Untuk mendapat id admin facebook, silahkan anda kunjungi https://findmyfbid.com/. masukkan url profil anda >> lalu tekan tombol Find numeric ID. Simpan id admin facebook anda ke notepad untuk keperluan anda.

- ID-APLIKASI-FACEBOOK : Diisi dengan id aplikasi facebook anda. Untuk membuat id aplikasi, silahkan kunjungi Membuat App ID (Application ID) dan Secret Key Facebook.
- ID-HALAMAN-FANSPAGE-FACEBOOK : Diisi dengan id halaman fanspage facebook anda.
- USER-TWITTER : Diisi dengan nama user twitter anda.

Memasang Meta Tag Seo Friendly ke Template Blogger

1. Login ke akun blogger anda.
2. Pada dashboard atau menu blogger, silahkan pilih menu Template atau Tema. Lalu klik Edit HTML.
3. temukan kode <head>, gunakan Ctrl+F untuk mempermudah pencarian.
4. Letakkan susunan kode meta tag diatas tepat di bawah kode <head>.
5. Jika sudah sesuai, silahkan klik Simpan Template atau Tema.

Demikian tutorial sederhana bagaimana membuat dan memasang meta tag seo friendly. Semoga susunan kode meta tag yang saya share diatas membuat blog atau situs anda lebih SEO friendly. " Happy Blogging "

Silahkan klik disini untuk berlangganan Artikel Gratis via email, Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di HARMANSYAH BLOG

1 komentar:

Himawan Sant said...: Wow 👍
Artikel penjelasan Meta Tag SEO friendlynya ... sangat detil dan komplit.

Nice post, mas Harman 👍
Happy blogging.; August 4, 2018 at 11:06 AM

HARMANSYAH BLOG

Meta Tag SEO Friendly

Related Posts :

1 komentar:

Post a Comment

LABELS

POPULAR POST