Melengkapi instruksi tag rel merupakan teknik seo on page blogspot pada HTML hacukup laman. Setiap link sebaiknya mempunyai tag rel sesuai kategorinya untuk meningkatkan performa SEO blogger di tiap hacukup laman. Perlu aku tekankan bahwa menambah rel tag blog sangat penting dan setips signifikan menghipnotis kualitas SEO blogspot. Pergunakan teknik ini untuk meningkatkan secara optimal seo pada hacukup laman anda terutama untuk tamkomponen gosip sebuah tautan.
Penulisan tag rel yaitu dengan menambah instruksi rel='value' di tiap HTML link. Istilah Rel Tag berasal dari bahasa inggris relationship. Fungsinya yaitu untuk menghubungkan, atau mengkaitkan dokumen (tautan). Teknik seo on page ini dilsayakan pada template blogspot terutama pada header. 1. Meta Tag Rel HTML Dari banyak sekali sumber, terdapat 7 rel tag value (nilai) yg sering dipakai di dalam meta tag blogger. Lihatlah penggunaan rel tag di template blog kau apakah sudah terpasang ataukah belum. Untuk itu, aku merekomendasikan tips tips penamkomponen rel tag ke dalam template anda. Perlu diingat bahwa instruksi html ini hanya berjalan pada header dan berikut daftarnya : a. Canonical Tag Rel HTML Teknik ini dipakai untuk memilih hacukup laman kanonis untuk hacukup laman serupa atau duplikat dengan fungsi ganda. Tag ini dipakai dalam meta tag menyerupai berikut
<link expr:href='data:blog.url' rel='canonical'/>. Lihat panduan rel canonical google. b. Open Id Server Tag Rel HTML Meskipun Open id sudah menghentikan layanan semenjak beberapa waktu yg lalu, namun servernya masih sanggup bekerja dalam memperlihatkan layanan data. Tag rel open id masih dipasang sebagai pembantu gosip untuk memperkuat verifikasi blog yaitu dengan menambahkan tag berikut <link href='https://www.blogger.com/openid-server.g' rel='openid.server'/> <link expr:href='data:blog.homepageUrl' rel='openid.delegate'/> c. Icon Tag Rel HTML Apabila blog anda memakai favicon, berikut tag rel yg dipakai : <link href='/favicon.ico' rel='icon' type='image/x-icon'/> d. Image Search Tag Rel HTML Sebuah tag berfungsi untuk meningkatkan blog dalam pencarian gambar. <link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/> e. Publisher Tag Rel HTML Tag ini berfungsi sebagai penjelas pemilik blog biasanya berisi link sosial media. Penggunaan tag publisher menyerupai google+ atau media umum lainnya menyerupai berikut : <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'/> f. DNS Prefetch Tag Rel HTML <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'/> g. Sitemap Tag Rel HTML Digunakan untuk menekankan hacukup laman sitemap blogspot. Kode berikut akan mempermudah robot menjelajahi url sitemap blog kita. Berikut pemasangannya di blogspot <meta expr:content='data:blog.homepageUrl + "sitemap.xml"' rel='sitemap' type='application/xml'/> <link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'/> 3. Alternate Tag Rel HTML Tag rel bersumber pada feed blog anda sanggup berupa atom, rss dan xml alternatif lainnya sebagai sumber artikel blog. <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'/> 4. Author Tag Rel HTML Berbeda dengan rel publihser, rel author dipakai sebagai tag pemilik blog atau webmaster. <div class='post-footer'> <!-- post-author --> <div class='post-footer-line post-footer-line-1'> <span class='post-author vcard'> <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'> 5. Bookmark Tag Rel HTML Tag bookmark ditempatkan pada waktu publikasi artikel blog. Biasanya ditempatkan di bawah judul menyerupai keterangan posting di bawah judul. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'> <abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a> 6. External Tag Rel HTML Tag ini berfungsi sebagai solusi teknik SEO untuk external link. Menurut para pakar SEO penggunaan target='_blank' jelek untuk SEO, maka tag ini sanggup digunakan. Penulisannya yaitu sebagai berikut : <a href="http://example.com" rel="external">External link</a> 7. Help Tag Rel HTML <a href="http://www.example.com" rel="help">HTML codes help</a> 8. Licence Tag Rel HTML <a href="http://www.example.com" rel="licence">HTML codes copyright</a> 9. Nofollow Tag Rel HTML Digunakan biar robots tidak melsayakan crawling pada link tertentu, menyerupai link komentator, link search label, dan hacukup laman lain sesuai selera pemilik blog. Teknik SEO ini juga dipakai untuk mengatasi duplikat title komentar blogspot. Lihat tips memakai rel nofollow google. 10. Noreferer Tag Rel HTML Tag noreferer jarang sekali dipakai pada template blogspot. Fungsinya yaitu sebagai pengarah menyerupai mengirim gosip ihwal asal kunjungan menyerupai negara. Anda bis,a melihatnya pada laporan webmaster tools untuk penggunaannya sama dengan rel nofollow. 11. Noopener Tag Rel HTML Rel tag noopener dipakai untuk link yg dibuka pada jendela hacukup laman gres menyerupai penggunaan target='_blank' lihat klarifikasi penggunaan rel tag noopener 12. Next Tag Rel HTML Digunakan untuk konten atau hacukup laman yg dipaginasi menyerupai penjelasan rel tag next. Teman-teman bis,a menambahkan pada html blog pager pada template blogspot. Berfungsi sebagai navigasi situs di bawah artikel blog untuk posting sebelumnya. 13. Prev Tag Rel HTML Berfungsi menyerupai tag rel next, untuk posting lebih baru. 14. Home Tag Rel HTML Menambah rel tag home pada semua link beranda sanggup memperkuat hacukup laman beranda. 15. Search Tag Rel HTML Silahkan coba sendiri pada widget search blog anda. 16. Tagging Tag Rel HTML Bagi anda yg memakai widget label, terdapat html label menyerupai berikut : <b:if cond='data:post.labels'>Posted in <b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if> 17. Vocabulary Tag Rel HTML Digunakan untuk navigasi breadcrumb google dengan memakai mark up data RDF. Panduan lengkap lihat → tips mem.buat breadcrumb google. <div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'> <span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url' title='HOME TITLE'>Home</a> 18. AMP Tag Rel HTML <link rel="amphtml" href="https://www.example.com/url/to/amp/document.html"> Referensi https://www.apatips.com/tutorial/html/html-link-tag.html https://sejutatrik.blogspot.com//search?q=seo-on-page-seo-blogspot5.html https://www.w3schools.com/tags/att_a_rel.asp https://sejutatrik.blogspot.com//search?q=seo-on-page-seo-blogspot https://www.ampproject.org/docs/fundamentals/discovery https://www.copterlabs.com/easily-create-external-links-without-the-target-attribute/ https://support.google.com/webmasters/answer/189077?hl=id https://gist.github.com/lancejpollard/1978404
