Meta Tag Seo Friendly 2019 Untuk Blogger
Meta Tag SEO Friendly 2019 serta cara memasang meta tag seo di blog itulah topik yang akan dibahas kali ini dan biar sanggup menambah wawasan kita semua perihal ilmu SEO (Search Engine Optimization) dan web blog yang kita kelola akan semakin anggun kualitasnya di mata mesin pencari dan pengunjung situs.
Kita akan mulai dari tahap awal, perihal pengertian dari meta tag, fungsi meta tag, dan meta tag apa saja yang penting dan harus diterapkan di website Anda.
Pengertian, Fungsi, Meta Tag
Meta tag ialah sebuah kode HTML yang dipasang di dalam template website baik itu Blogger atau WordPress, sedangkan tujuannya ialah membantu search engine ibarat Google, Bing, untuk mengetahui rangkuman isi dari situs web. Jadi, tujuan inti daripada meta tag ialah untuk memudahkan search engine mengindeks suatu website.
Apakah Meta Tag sanggup besar lengan berkuasa terhadap SEO?
Apakah meta tag sanggup menghipnotis SEO? Jawabannya IYA, dengan syarat Anda juga harus melaksanakan taktik SEO yang lain. Silahkan baca artikel saya perihal cara menciptakan website seo friendly.
Apa saja Meta Tag yang penting, dan harus diterapkan di Website?
Meta Tag Charset UTF-8 - Meta tag ini paling sering dipakai dalam HTML5, pola dalam penulisannya ialah sebagai berikut:
<meta charset="UTF-8">Meta tag diatas memberi arahan kepada web browser untuk menerjemahkan karakter-karakter di dalam halaman HTML sebagai UTF-8. Walaupun bersifat opsional, hampir setiap halaman HTML5 memakai meta tag tersebut.
Cara Penulisan meta tag Charset UTF-8 dalam HTML 4.01 maupun XHTML, penulisan abjad set lebih panjang, ibarat pada pola berikut:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>Sedangkan dalam HTML5, penulisannya disederhanakan menjadi ibarat ini:
<meta charset="UTF-8">Penulisan meta tag charset ditempatkan pada bab <head> sebelum tag <title>
Catatan: Meta tag charset ini sangat dianjurkan. Jika Anda tidak menuliskan charset, web browser akan mencoba menebak abjad yang dipakai (biasanya web browser modern akan memakai utf-8 sebagai abjad default).
Meta Title - ialah komponen penting dari meningkatkan secara optimal mesin pencari. Saat disiapkan dengan benar, meta title sanggup menjadi faktor penentu antara seseorang mengklik tautan atau pergi ke daerah lain. Karena alasan ini, menentukan meta title dengan bijak ialah penting, dan membuatnya seakurat mungkin untuk mencerminkan apa yang ada di laman web Anda.
Meta title tidak hanya terlihat di mesin pencari, tetapi juga terlihat di bab atas tab halaman di banyak browser web, biasanya menjadi subjek email kalau tautan dikirim ibarat itu, dan sering disimpan sebagai judul bookmark atau favorit kalau pengguna menentukan untuk menyimpan halaman tersebut di browser.
Meta Description - Tag deskripsi meta dalam HTML ialah cuilan 160 abjad yang dipakai untuk meringkas konten halaman web. Mesin pencari terkadang memakai snippet ini dalam hasil pencarian untuk memberi tahu pengunjung perihal halaman web itu, sebelum mereka mengkliknya.
Contoh penulisannya ibarat ini:
<meta name = ”description” content = ” Web isu tips seputar tutorial AdSense, dan tips SEO, ">Viewport - ialah istilah untuk area yang terlihat dari halaman web pada perangkat tampilan. Ini dipakai dalam kode dan desain analog sebagai cara untuk merujuk ke layar tampilan dan bagaimana tata letak yang cocok dengan layar itu.
Desainer sanggup memakai meta tag viewport dalam HTML dan alat di Cascading Style Sheets untuk mengatur parameter viewport ibarat tinggi dan lebar serta skala dan resolusi viewport.
Contoh penulisannya ibarat ini:
<meta name="viewport" content="initial-scale=1">Setelah kita tahu perihal pentingnya meta tag pada sebuah website, mari kita lihat detail meta tag seo friendly untuk blogger dibawah ini yang mungkin mau Anda coba terapkan di web blog Anda.
<meta charset='utf-8'/> <meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/> <meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/> <b:if cond='data:view.isSingleItem'> <title><data:blog.pageName/></title> <b:elseif cond='data:view.isHomepage'/> <title><data:blog.title/></title> <b:elseif cond='data:view.search.label'/> <title><data:blog.pageTitle/></title> <b:elseif cond='data:view.search.query'/> <title><data:view.search.resultsMessage/></title> <b:elseif cond='data:view.search and !data:view.search.label and !data:view.search.query'/> <title><data:blog.pageTitle/></title> <b:elseif cond='data:view.isArchive'/> <title><data:view.archive.rangeMessage/></title> <b:elseif cond='data:view.isError'/> <title>404 Not Found</title> </b:if> <b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'> <meta content='noindex/nofollow' name='robots'/> <meta content='noindex/nofollow' name='googlebot'/> <b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/> <meta content='index/follow' name='robots'/> <meta content='index/follow' name='googlebot'/> </b:if> <meta content='blogger' name='generator'/> <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.canonical.jsonEscaped' rel='canonical'/> <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'/> <meta expr:content='data:blog.homepageUrl + "sitemap.xml"' rel='sitemap' type='application/xml'/> <b:if cond='data:view.isMultipleItems'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:elseif cond='data:view.isSingleItem'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' name='description'/> <b:else/> <meta expr:content='data:blog.title' name='description'/> </b:if> </b:if> <meta content='#000000' name='msapplication-navbutton-color'/> <meta content='#000000' name='apple-mobile-web-app-status-bar-style'/> <meta content='#000000' name='theme-color'/> <b:if cond='data:view.isMultipleItems'> <meta content='YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE' name='keywords'/> <b:elseif cond='data:view.isSingleItem'/> <meta expr:content='data:blog.pageName' name='keywords'/> </b:if> <b:if cond='data:view.isPost'> <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/XXXXX/posts' rel='publisher'/> <link href='https://plus.google.com/XXXXX/about' rel='author'/> <link href='https://plus.google.com/XXXXX' rel='me'/> <meta content='XXXXX' name='google-site-verification'/> <meta content='XXXXX' name='alexaVerifyID'/> <meta content='XXXXX' name='p:domain_verify'/> <meta content='XXXXX' name='yandex-verification'/> <meta content='XXXXX' name='msvalidate.01'/> <!-- Open Graph --> <b:if cond='data:view.isHomepage'> <b:if cond='data:view.isSingleItem'> <b:if cond='data:blog.url'> <meta expr:content='data:blog.url' property='og:url'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> </b:if></b:if> <b:if cond='data:view.isPost'> <meta expr:content='data:blog.pageName' property='og:title'/> <meta content='article' property='og:type'/> <b:else/> <meta expr:content='data:blog.title' property='og:title'/> <meta content='website' property='og:type'/> </b:if> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <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='YOUR_IMAGE_URL_HERE' property='og:image'/> </b:if></b:if> <b:if cond='data:view.isMultipleItems'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:elseif cond='data:view.isSingleItem'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta expr:content='data:blog.title' property='og:description'/> </b:if> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <b:if cond='data:view.isSingleItem'> <meta content='https://www.facebook.com/XXXXX' property='article:author'/> <meta content='https://www.facebook.com/XXXXX' property='article:publisher'/> </b:if> <meta content='XXXXX' property='fb:app_id'/> <meta content='XXXXX' property='fb:admins'/> <meta content='XXXXX' property='fb:profile_id'/> <meta content='XXXXX' property='fb:pages'/> <meta content='id' name='geo.country'/> <meta content='id_ID' property='og:locale'/> <meta content='en_US' property='og:locale:alternate'/> <meta content='Indonesia' name='geo.placename'/> <meta content='general' name='rating'/> <b:if cond='data:blog.pageType == "item"'> <meta expr:content='data:blog.pageName' property='og:image:alt'/> <b:else/> <meta expr:content='data:blog.title' property='og:image:alt'/> </b:if> <meta expr:content='data:blog.title' name='twitter:site'/> <meta content='summary_large_image' name='twitter:card'/> <meta content='@YOUR_TWITTER_USERNAME_HERE' name='twitter:creator'/> <!-- Schema WebSite --> <script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "@id": "#website", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>search?q={search_term}", "query-input": "required name=search_term" } }</script> <link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.rawgit.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//plus.google.com' rel='dns-prefetch'/><link href='//twitter.com' rel='dns-prefetch'/><link href='//www.youtube.com' rel='dns-prefetch'/><link href='//feedburner.google.com' rel='dns-prefetch'/><link href='//feeds.feedburner.com' rel='dns-prefetch'/><link href='//platform.twitter.com' rel='dns-prefetch'/><link href='//apis.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//www.gstatic.com' rel='dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='dns-prefetch'/><link href='//syndication.twitter.com' rel='dns-prefetch'/><link href='//fonts.gstatic.com' rel='dns-prefetch'/><link href='https://3p.ampproject.net' rel='dns-prefetch'/><link href='https://lh3.googleusercontent.com' rel='dns-prefetch'/><link href='https://tpc.googlesyndication.com' rel='dns-prefetch'/><link href='https://i.ytimg.com' rel='dns-prefetch'/><link href='https://i3.ytimg.com' rel='dns-prefetch'/><link href='https://img.youtube.com' rel='dns-prefetch'/><link href='https://www.googletagmanager.com' rel='dns-prefetch'/><link href='https://adservice.google.co.id/' rel='dns-prefetch'/><link href='//cdnjs.cloudflare.com/' rel='dns-prefetch'/><link href='//resources.blogblog.com/' rel='dns-prefetch'/>
