Blogger$type=grid$count=4$meta=0$snip=0$rm=0$show=home$labels=no

SEO:Cara Markup Site Navigation Di Blogger

SEO:Cara Markup Site Navigation Di Blogger

SEO:Cara Markup Site Navigation Di Blogger

Ada beberapa hal tentang seo yang mungkin hanya para bloggers dan webmaster profesional yang mengetahuinya atau mungkin tidak diberitahu kepada semua orang dan jika diberitahu sekalipun tidak semua orang dapat memahaminya. Salah satunya adalah Markup Site Navigation dengan schema markup yang membantu search engine untuk mengetahui elemen Site Navigation atau Navigasi dari sebuah halaman situs dan ini pastinya sangat membantu untuk mendapatkan sitelinks di hasil pencarian google.

Ini akan sedikit rumit untuk Markup Site Navigation atau Markup Situs Navigasi dengan schema markup tapi saya akan menunjukkannya step by step dan setelah step terakhir kita akan memverifikasi apakah kita benar menandai navigasi situs atau tidak. Situs dan blog populer menggunakan metode ini untuk memberi tahu Google apa yang ada di dalam menu navigasi anda.

Saya tidak menjamin bahwa Anda akan mendapatkan sitelinks di bawah situs Anda di hasil penelusuran namun ini akan menandai navigasi Anda dan kapan pun Anda akan mendapatkan sitelinks, item menu Anda akan disertakan juga dalam sitelinks. Saya tidak menjamin karena tergantung dari sitelinks Google yang secara otomatis menghasilkan link di bawah situs web kita untuk membantu visitor mendapatkan apa yang mereka cari dan Juga tidak diketahui secara pasti apa kriteria pastinya untuk menampilkan item tertentu dalam sitelinks.

Berikut Cara Markup Site Navigation di Blogger

1. Masuk ke blog Anda Theme > Edit HTML atau Layout (Tergantung di mana kode menu Anda.)

2. Tambahkan kode di bawah <div> atau <nav> atau <ul> di menu Anda:
itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'
Contohnya seperti dibawah ini:
<nav class='main-nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
3. Tambahkan kode itemprop='url' ke setiap menu anda "link attribute" contohnya seperti dibawah ini:
<li><a href='http://sevenangel.id'  itemprop='url' >Home</a></li>
4. Sekarang tambahkan itemprop='name' ke nama item menu Anda, karena Anda tidak dapat menambahkannya secara langsung jadi gunakan atribut <span> dan tambahkan itemprop='name' contohnya seperti dibawah ini:
<li><a href='http://sevenangel.id/search/label/tutorial-blogger'  itemprop='url' ><span   itemprop='name'  >Blogger menus</span></a></li>
5. Lakukan setiap item menu anda satu persatu.
(FYI:Jika item menu Anda tidak memiliki atribut <li>, tidak masalah tapi Anda perlu menandai semua atribut <a> dan <span>.)

6. Setelah selesai silahkan anda cek di Google Structured Data Testing Tool.

7. Masukkan link blog anda dan Run Test seperti dibawah ini
SEO:Cara Markup Site Navigation Di Blogger

8. Lihat pada SiteNavigationElement, jika Anda menemukannya dan tidak ada ERRORS atau WARNINGS maka Anda sudah melakukannya dengan benar.
SEO:Cara Markup Site Navigation Di Blogger

Biarkan spider search engine untuk merayapi/crawl situs Anda setelah anda melakukan Markup SiteNavigation dan semoga anda cepat mendapatkan sitelinks.

When you intend to do something innovative in life, people will tell you that you can not do it but when you prove that you can, the same person would ask you: How you did it? So don't give up and keep blogging humbly.

COMMENTS

Name

android-app-mod,7,android-game-mod,7,blogger,37,google-adsense,6,lifestyle,4,review-game,2,ro-idle-poring,10,tech-news,26,templates-blogger,7,tips-dan-trik-game-android-ios,20,tips-dan-trik-seal-mobile,4,tips-dan-trik-seo,26,tips-dan-trik-tamer-frontier,6,tutorial-blogger,24,widget-blogger,5,
ltr
item
SevenAngel Technology: SEO:Cara Markup Site Navigation Di Blogger
SEO:Cara Markup Site Navigation Di Blogger
SEO:Cara Markup Site Navigation Di Blogger
https://1.bp.blogspot.com/-OG5-KE9SjTQ/Wgp3RkludjI/AAAAAAAABfE/B6fQMd0iMukMO_AxehLYyuwVnni1sLsKQCLcBGAs/s320/SEO-Cara-Markup-Site-Navigation-Di-Blogger.png
https://1.bp.blogspot.com/-OG5-KE9SjTQ/Wgp3RkludjI/AAAAAAAABfE/B6fQMd0iMukMO_AxehLYyuwVnni1sLsKQCLcBGAs/s72-c/SEO-Cara-Markup-Site-Navigation-Di-Blogger.png
SevenAngel Technology
http://www.sevenangel.id/2017/11/seocara-markup-site-navigation-di.html
http://www.sevenangel.id/
http://www.sevenangel.id/
http://www.sevenangel.id/2017/11/seocara-markup-site-navigation-di.html
true
5561685931329761976
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy