index  ›  On Page SEO

Teknik SEO On Page Tag Rel HTML Blogspot

Posted by sepintar.com 12/12/2018
Teknik SEO Rel Tag

Melengkapi kode tag rel merupakan teknik seo on page blogspot pada HTML halaman. Setiap link sebaiknya memiliki tag rel sesuai kategorinya untuk meningkatkan performa SEO blogger di setiap halaman. Perlu saya tekankan bahwa menambah rel tag blog sangat penting dan secara signifikan mempengaruhi kualitas SEO blogspot. Pergunakan teknik ini untuk optimasi seo pada halaman anda terutama untuk tambahan informasi sebuah tautan.

Penulisan tag rel yaitu dengan menambah kode rel='value' di setiap HTML link. Istilah Rel Tag berasal dari bahasa inggris relationship. Fungsinya adalah untuk menghubungkan, atau mengkaitkan dokumen (tautan). Teknik seo on page ini dilakukan pada template blogspot terutama pada header.

1. Meta Tag Rel HTML
Dari berbagai sumber, terdapat 7 rel tag value (nilai) yang sering digunakan di dalam meta tag blogger. Lihatlah penggunaan rel tag di template blog kamu apakah sudah terpasang ataukah belum. Untuk itu, saya merekomendasikan tips cara penambahan rel tag ke dalam template anda. Perlu diingat bahwa kode html ini hanya berjalan pada header dan berikut daftarnya :
a. Canonical Tag Rel HTML
Teknik ini digunakan untuk menentukan halaman kanonis untuk halaman serupa atau duplikat dengan fungsi ganda. Tag ini digunakan dalam meta tag seperti 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 sejak beberapa waktu yang lalu, namun servernya masih dapat bekerja dalam memberikan layanan data. Tag rel open id masih dipasang sebagai pembantu informasi 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 menggunakan favicon, berikut tag rel yang digunakan :
<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 seperti google+ atau media sosial lainnya seperti 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 halaman sitemap blogspot. Kode berikut akan mempermudah robot menjelajahi url sitemap blog kita. Berikut pemasangannya di blogspot
<meta expr:content='data:blog.homepageUrl + &quot;sitemap.xml&quot;' rel='sitemap' type='application/xml'/>
2. Link Stylesheet Tag Rel HTML
Tambahkan tag css apabila di dalam template menggunakan url CSS yang berasal dari luar atau external CSS. Gunakan tag berikut : <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 dapat berupa atom, rss dan xml alternatif lainnya sebagai sumber artikel blog.
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
4. Author Tag Rel HTML
Berbeda dengan rel publihser, rel author digunakan 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 seperti 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' buruk untuk SEO, maka tag ini dapat digunakan. Penulisannya adalah 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 agar robots tidak melakukan crawling pada link tertentu, seperti link komentator, link search label, dan halaman lain sesuai selera pemilik blog. Teknik SEO ini juga digunakan untuk mengatasi duplikat title komentar blogspot. Lihat cara menggunakan rel nofollow google.
10. Noreferer Tag Rel HTML
Tag noreferer jarang sekali digunakan pada template blogspot. Fungsinya yaitu sebagai pengarah seperti mengirim informasi tentang asal kunjungan seperti negara. Anda bisa melihatnya pada laporan webmaster tools untuk penggunaannya sama dengan rel nofollow.
11. Noopener Tag Rel HTML
Rel tag noopener digunakan untuk link yang dibuka pada jendela halaman baru seperti penggunaan target='_blank' lihat penjelasan penggunaan rel tag noopener
12. Next Tag Rel HTML
Digunakan untuk konten atau halaman yang dipaginasi seperti penjelasan rel tag next. Teman-teman bisa 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 seperti tag rel next, untuk posting lebih baru.
14. Home Tag Rel HTML
Menambah rel tag home pada semua link beranda dapat memperkuat halaman beranda.
15. Search Tag Rel HTML
Silahkan coba sendiri pada widget search blog anda.
16. Tagging Tag Rel HTML
Bagi anda yang menggunakan widget label, terdapat html label seperti 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 != &quot;true&quot;'>, </b:if></b:loop></b:if>
17. Vocabulary Tag Rel HTML
Digunakan untuk navigasi breadcrumb google dengan menggunakan mark up data RDF. Panduan lengkap lihat → cara membuat 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.apacara.com/tutorial/html/html-link-tag.html
https://www.bungfrangki.com/2016/12/meta-tag-seo-friendly-dan-valid-html5.html
https://www.w3schools.com/tags/att_a_rel.asp
https://labstrikes.blogspot.com/2013/03/add-nofollow-tag-to-all-blogger-label-links.html
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