Seo Friendly Meta Tag & Valid Html 5 Untuk Blogger
Dalam posting kali ini saya akan membahas ihwal meta tag menyerupai apa yang sebaiknya dipakai semoga blog menjadi lebih SEO friendly, tag meta yang sebaiknya dipakai semoga blog sanggup di indeks lebih cepat oleh mesin pencarian. Tetapi sebelum itu saya akan menjelaskan ihwal apa itu meta tag.
Meta tag merupakan salah satu tag dalam HTML yang dipakai untuk mengontrol proses indeks dari mesin pencarian (search engines) menyerupai Google, Bing, Yahoo, dll. Tag meta dalam HTML akan menyediakan warta bagi mesin pencarian ihwal belahan mana yang akan ditampilkan pada hasil pencarian serta belahan mana yang dihentikan ditampilkan.
Mudahnya, untuk memilih belahan mana yang sebaiknya dijadikan warta utama kepada mesin pencari ialah dengan memakai pengalaman ihwal keyword apa yang biasanya dipakai oleh orang-orang untuk mencari suatu warta terkait yang ingin kita tulis.
Banyak orang yang terus mencari-cari serta banyak pula situs yang menuliskan ihwal tag meta menyerupai apa yang sebaiknya dipakai semoga blog menjadi lebih SEO friendly serta valid dalam HTML 5, oleh sebab itu saya akan memperlihatkan sedikit rekomendasi ihwal meta tag menyerupai apa yang sebaiknya sahabat gunakan semoga blog menjadi lebih SEO friendly dan valid HTML 5 terhadap mesin pencarian terpopuler, Google.
Pertama-tama buka blog sahabat kemudian pada sajian Tema pilih Edit HTML.
Meta Tag SEO Friendly & Valid HTML 5
Setelah itu selanjutnya sahabat tinggal menambahkan meta tag berikut letakkan dibawah arahan<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='xxxxx' 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/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='msvalidate.01'/> <meta content='xxxxx' name='alexaVerifyID'/> <meta content='Indonesia' name='geo.placename'/> <meta content='xxxxx' name='Author'/> <meta content='general' name='rating'/> <meta content='id' name='geo.country'/>Kemudian silakan ganti belahan yang
ditandai diatas sesuai dengan definisinya, bila sahabat belum terlalu mengetahui isi dari beberapa tag meta diatas silakan lihat pada tabel berikut.| No | Name/Rel | Content |
|---|---|---|
| 1 | Keywords | Kata kunci untuk blog sobat |
| 2 | Publisher | Isi dengan username Google+ milik sobat |
| 3 | Author | Isi dengan username Google+ milik sobat |
| 4 | Me | Isi dengan username Google+ milik sobat |
| 5 | google-site-verification | Isi dengan arahan verifikasi kepemilikan pada Google Webmaster |
| 6 | msvalidate.01 | Isi dengan arahan verifikasi kepemilikan pada Bing! |
| 7 | alexaVerifyID | Isi dengan arahan verifikasi Alexa |
| 8 | Author | Pada author kedua isi dengan nama sahabat atau nama pemilik blog tersebut |
Social Media Meta Tag SEO Friendly & Valid HTML 5
Tidak hingga disitu, arahan diatas merupakan belahan meta tag untuk title dan beberapa inisialisasi serta kepemilikan, selanjutnya sahabat perlu menambahkan meta tag untuk media umum dan publikasi, meta tag yang tentunya juga SEO friendly serta valid HTML 5. Letakkan arahan berikut ini setelah arahan diatas tadi.<!-- [ Social Media Meta Tag ] --> <b:if cond='data:blog.url == data:blog.homepageUrl'> <b:if cond='data:blog.pageType == "item"'> <b:if cond='data:blog.pageType == "static_page"'> <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 cond='data:blog.pageName'> <meta expr:content='data:blog.pageName' property='og:title'/> </b:if></b:if></b:if></b:if> <meta expr:content='data:blog.pageTitle' property='og:title'/> <b:if cond='data:blog.pageType == "item"'> <meta content='article' property='og:type'/> <b:else/> <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 expr:content='data:blog.blogspotFaviconUrl' property='og:image'/> </b:if></b:if> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' property='og:description'/> <b:else/> <meta content='xxxxx' property='og:description'/> </b:if> <meta expr:content='data:blog.title' property='og:site_name'/> <meta content='xxxxx' property='fb:app_id'/> <meta content='xxxxx' 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='xxxxx' name='twitter:site'/> <meta content='xxxxx' name='twitter:creator'/>Sama menyerupai sebelumnya, sahabat tinggal mengganti belahan yang
ditandai diatas, sahabat sanggup melihat penjelasannya pada tabel berikut.| No | Name/Rel/Property | Content |
|---|---|---|
| 1 | og:description | Isi dengan deskripsi yang sahabat gunakan untuk blog |
| 2 | fb:app_id | Isi dengan arahan facebook app_id |
| 3 | fb:admins | Isi dengan arahan facebook admin_id |
| 4 | twitter:site | Isi dengan id untuk akun twitter blog sahabat (jika ada) |
| 5 | twitter:creator | Isi dengan id untuk akun twitter pemilik blog (jika ada) |
Mungkin cukup sekian dari saya, semoga sanggup bermanfaat, kalau ada yang ingin sahabat tanyakan silakan sampaikan pada kotak komentar yang ada dibawah atau sanggup juga melalui halaman contact blog ini. Terima kasih.
