Mungkin diantara sahabat blogger masih ada yang belum faham dengan meta tag ini, sepakat di sini aku akan menjelaskan sedikit perihal meta tag pada template blogger.
Meta tag merupakan salah satu meningkatkan secara optimal pada blog semoga blog dan artikel yang kita posting mempunyai identitas yang jelas. Sehingga blog akan lebih gampang ditelusuri robot penelusuran ibarat pada browser Google, Bing, atau alat penelusuran lainnya dan akan lebih gampang diurutkan di SERP (search engine results page).
Adapun fungsi meta tag intinya terdiri dari beberapa elemen penting diantaranya :
Meta tag description
Meta tag description dipakai untuk memperlihatkan citra umum mengenai isi dari halaman blog sobat. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan semoga description ini sanggup menjadi :
<meta content='Tulis deskripsi di sini' name='description'/>
Meta tag keyword
Meta tag keyword sangat penting keberadaannya, alasannya yaitu memilih kata kunci apa yang sanggup menemukan halaman blog pada search engine.
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>
Meta tag robots
Tujuan utama penggunaan meta tag robots yaitu untuk memilih halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat berkhasiat sekali terutama jikalau suatu blog memakai frame untuk navigasinya.
<meta content="index follow" name="robots"/>
Ketiga komponen meta tag ini jikalau dipadukan maka bentuknya ibarat di bawah ini :
<meta content='Tulis deskripsi di sini' name='description'/> <meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/> <meta content='index, follow' name='robots'/>
Nah, sehabis sahabat mengetahui fungsi dan beberapa komponen dasar yang wajib sahabat terapkan pada template blog. Sekarang aku akan menjelaskan satu persatu pada instruksi xxxxx yang sering terdapat pada template yang aku bagikan.
Meta Tag Seo Friendly dan Valid HTML5
Di sini aku akan membagikan teladan meta tag Seo Friendly dan Valid HTML5 yang aku gunakan pada template Simplify 2 versi terbaru sekaligus sebagai tanggapan sahabat blogger perihal cara menghilangkan judul blog ketika membuatkan artikel ke sosial media. Kode di bawah ini sanggup sahabat pasang di bawah tag pembuka <head> atau sebelum </head>
<!-- [ Meta Tag SEO ] --> <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='http://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 == "archive"'> <meta content='noindex' name='robots'/> </b:if> <b:if cond='data:blog.searchLabel'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.isMobile'> <meta content='noindex,nofollow' name='robots'/> </b:if> <b:if cond='data:blog.pageType != "error_page"'> <meta expr:content='data:blog.metaDescription' name='description'/> <script type='application/ld+json'>{ "@context": "http://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='DESKRIPSI-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='"http://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 expr:href='data:blog.url' hreflang='x-default' rel='alternate'/> <link href='/favicon.ico' rel='icon' type='image/x-icon'/> <link href='https://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/> <link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/> <link href='https://plus.google.com/USER-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' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/> <!-- [ Social Media Meta Tag ] --> <b:if cond='data:blog.pageType == "item"'> <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> <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/> <meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/> </b:if> </b:if> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.metaDescription' property='og:description'/> </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/AVvXsEiHw0Uh550RRJyKSt0XSxcR9wD9EBGMseBVLja785r134ZE3zp8EoDIi3UQaXFrmW6yEZ0m5VEJ-4zAWgZ8YAumyyzlUGPmGOnIikr2zBLxSgAIImerwt6TQgWcqyABzZfmrdgXJiIWSWQH/s1600/Arlina+Logo.png' property='og:image'/> </b:if> </b:if> <meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/> <meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/> <meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/> <meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/> <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'/>
Keterangan
Nilai | Keterangan |
---|---|
DESKRIPSI-BLOG | Diisi dengan deskripsi atau kata kunci blog |
USER-GOOGLE-PLUS | Diisi dengan link Google+ admin blog, teladan : +ArlinaFitriyaniDee |
KODE-VALIDASI-GOOGLE-WEBMASTER | Diisi dengan instruksi validasi Google di Search Console |
KODE-VALIDASI-BING-WEBMASTER | Diisi dengan instruksi validasi Bing Webmaster * |
NAMA-ADMIN | Isi dengan nama penulis |
id dan Indonesia | Isi dengan instruksi negara lokasi dimana blog sahabat dipublikasikan |
PROFIL-FACEBOOK | Isi dengan link profil Facebook sobat |
FAN-PAGE-FACEBOOK | Isi dengan link Fan Page Facebook |
KODE-APLIKASI-FACEBOOK | Isi dengan instruksi App Facebook, sanggup buat di https://developers.facebook.com |
KODE-ADMIN-FACEBOOK | Isi dengan instruksi profil Facebook sobat, dapatkan di http://findmyfbid.com |
USER-TWITTER | Isi dengan nama user Twitter sobat |
* = Hapus jikalau tidak digunakan
Sesuaikan kembali instruksi xxxxx pada template sahabat dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini. Demikian perihal Meta Tag Seo Friendly dan Valid HTML5. Semoga bermanfaat dan terima kasih.
0 Response to "Meta Tag Seo Friendly Dan Valid Html5"
Post a Comment