2 Cara Memasang Schema Org Markup Di Blogger Dengan 11 Langkah Mudah
Tutorial: Cara Membuat dan Memasang Schema Org Markup di Blogger/Blogspot
Dinamakan, di sebut, atau diistilahkan Microdata Schema Org; yakni sebuah schema markup atau data terstruktur yang di pasang di template blogger, guna memudahkan mesin telusur melaksanakan indeks terhadap situs web yang kau miliki.
Sebuah blog, situs, atau website; apabila sudah disematkan (disisipkan/dipasangkan) Microdata Schema Org, maka peringkat artikel dan situsnya akan cantik di Search Engine Result Page (SERP).
Dengan adanya arahan Microdata Schema Org yang dipasangkan pun, memudahkan situs web tersebut untuk dapat mengalahkan situs-situs pesaing lainnya.
Guna kelengkapan Content kali ini, coba periksa kembali apakah Microdata Schema Org tidak ada yang error, atau malah ditemukan warning (error).
Pada analisa yang ditampilkan, kau akan melihat banyak sekali elemen yang berbeda-beda; dimulai dari Hatom, Author, MainEntityOfPage, dan banyak lagi.
Jika tidak ditemukannya, baik salah satu atau semua elemen yang dimaksud; dipastikan template blogger yang kau gunakan ketika ini tidak terpasang Schema Org Markup.
Sudah terpasang Schema Org Markup tapi salah satu diantaranya error? Silakan baca artikel ini: Tutorial Cara Mengatasi Error di Structured Data Testing Google Microdata (Schema Org).
Di bawah ini kau akan diberikan tutorial bagaimana cara menciptakan dan menambahkan arahan Schema Org Markup di template blogger dalam beberapa langkah gampang nan praktis.
Ganti arahan <nav> dengan arahan di bawah ini:
Ganti arahan <body> dengan arahan di bawah ini:
Ganti arahan <header> atau <header-wrapper> dengan arahan di bawah ini:
Ganti arahan <content-wrapper> atau <main-wrapper> dengan arahan di bawah ini:
...atau...
Catatan: Cek kembali template blogger kau apakah memakai atribut "Main" atau "Content". Silakan diubahsuaikan sendiri.
Ganti arahan di bawah ini:
...dengan arahan di bawah ini:
Ganti arahan di bawah ini:
...dengan arahan di bawah ini:
Catatan: Jika tidak ada atribut HTML ibarat <article, dipastikan atribut HTML yang dipakai yakni atribut HTML dengan arahan <post atau berbeda dari pada itu.
Cari dan ganti arahan di bawah ini:
...dengan arahan di bawah ini:
Cari arahan ini <div id='sidebar-wrapper'> kemudian ganti dengan arahan di bawah ini:
Ganti arahan <footer id='footer-wrapper'> dengan arahan di bawah ini:
Ganti arahan <div id='footer-credit'> dengan arahan di bawah ini:
Artikel ini intinya terdiri dari 2 tutorial yang berbeda tapi masih dalam satu tujuan, yakni memasang Schema Org Markup di Blogger/Blogspot.
Untuk kau yang kesulitan dan tidak ingin repot, silakan Copas arahan di bawah ini, di bawah arahan <body> atau <body :
Note: Ganti arahan blog-logo-url-square-size-is-good (warna biru) dengan URL logo blog. Jika tidak ada, dapat dengan cara memakai arahan favicon ibarat URL https://example.blogspot.com/favicon.ico/ atau https://www.example.com/favicon.ico/.
Itulah tutorial tips dan trik bagaimana cara menciptakan dan memasang Schema Org Markup di Blogger dengan 11 langkah mudah.
Source:
candysweet-aina.blogspot.com/search?q=mengatasi-error-structured-testing-tool
candysweet-aina.blogspot.com/search?q=mengatasi-error-structured-testing-tool
http://www.techprevue.com/schema-org-meta-data-tags-for-blogger-advanced-practices/ Sumber http://addbloggerthemes.blogspot.com
Dinamakan, di sebut, atau diistilahkan Microdata Schema Org; yakni sebuah schema markup atau data terstruktur yang di pasang di template blogger, guna memudahkan mesin telusur melaksanakan indeks terhadap situs web yang kau miliki.
Sebuah blog, situs, atau website; apabila sudah disematkan (disisipkan/dipasangkan) Microdata Schema Org, maka peringkat artikel dan situsnya akan cantik di Search Engine Result Page (SERP).
 |
| Pic: WP Dev Generated Box |
Dengan adanya arahan Microdata Schema Org yang dipasangkan pun, memudahkan situs web tersebut untuk dapat mengalahkan situs-situs pesaing lainnya.
Cara Mengecek Structured Data Testing Tool Google
Guna kelengkapan Content kali ini, coba periksa kembali apakah Microdata Schema Org tidak ada yang error, atau malah ditemukan warning (error).
- Masuk ke Google: Structured Data Testing Tool
- Silakan input URL situs web kamu, termasuk HTTP/HTTPS dan WWW/Non-WWW
- Klik tombol Analisa
Pada analisa yang ditampilkan, kau akan melihat banyak sekali elemen yang berbeda-beda; dimulai dari Hatom, Author, MainEntityOfPage, dan banyak lagi.
Jika tidak ditemukannya, baik salah satu atau semua elemen yang dimaksud; dipastikan template blogger yang kau gunakan ketika ini tidak terpasang Schema Org Markup.
Sudah terpasang Schema Org Markup tapi salah satu diantaranya error? Silakan baca artikel ini: Tutorial Cara Mengatasi Error di Structured Data Testing Google Microdata (Schema Org).
2 Cara Memasang Schema Org Markup di Blogger dengan 11 Langkah Mudah
Di bawah ini kau akan diberikan tutorial bagaimana cara menciptakan dan menambahkan arahan Schema Org Markup di template blogger dalam beberapa langkah gampang nan praktis.
Tutorial pemasangan Schema Org Markup di Blogger Theme ini sedikit rumit, dan menyita waktu. Alih-alih ingin menambahkan arahan Schema Org Markup, malah template blog menjadi rusak. Maka dari itu, Back-Up template blogger di Notepad :)
Ganti arahan <nav> dengan arahan di bawah ini:
<nav id='topnav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement' role='navigation'>
Ganti arahan <body> dengan arahan di bawah ini:
<body class='index' itemscope='' itemtype='http://schema.org/WebPage'>
Ganti arahan <header> atau <header-wrapper> dengan arahan di bawah ini:
<div id='header-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
Ganti arahan <content-wrapper> atau <main-wrapper> dengan arahan di bawah ini:
<div id='content-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
...atau...
<div id='main-wrapper' itemscope='itemscope' itemtype='http://schema.org/Blog' role='main'>
Catatan: Cek kembali template blogger kau apakah memakai atribut "Main" atau "Content". Silakan diubahsuaikan sendiri.
Ganti arahan di bawah ini:
<div class='post hentry uncustomized-post-template' >
...dengan arahan di bawah ini:
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
Ganti arahan di bawah ini:
<article class='post hentry' expr:id='data:post.id'>
...dengan arahan di bawah ini:
<article class='post hentry' expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'>
Catatan: Jika tidak ada atribut HTML ibarat <article, dipastikan atribut HTML yang dipakai yakni atribut HTML dengan arahan <post atau berbeda dari pada itu.
Cari dan ganti arahan di bawah ini:
<div class='author-profile' itemprop='author' >
...dengan arahan di bawah ini:
<span class='fn author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
Cari arahan ini <div id='sidebar-wrapper'> kemudian ganti dengan arahan di bawah ini:
<div id='sidebar-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPSideBar'>
Ganti arahan <footer id='footer-wrapper'> dengan arahan di bawah ini:
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
Ganti arahan <div id='footer-credit'> dengan arahan di bawah ini:
<footer id='footer-credit' itemscope='itemscope' itemtype='http://data-vocabulary.org/copyrightHolder'>
Khusus untuk arahan <footer id='footer-wrapper'> dan <div id='footer-credit'> yang ada di atas, hati-hati ketika ingin mengimplementasikan Schema Org Markup di template blogger. Mengapa? Sebab kedua atribut HTML itu hampir persis sama, dan kebanyakan template blogger jaman kini mempunyai atribut HTML yang berbeda-beda antara satu dengan lainnya. Jadi, perhatikan baik-baik.
Artikel ini intinya terdiri dari 2 tutorial yang berbeda tapi masih dalam satu tujuan, yakni memasang Schema Org Markup di Blogger/Blogspot.
Tutorial No. 2 ini sama saja ibarat tutorial No. 1 di atas. Sayangnya, kami tidak merekomendasikannya sama sekali. Baiknya gunakan tutorial No. 1 di atas sebab lebih lengkap dan meyakinkan :)
Untuk kau yang kesulitan dan tidak ingin repot, silakan Copas arahan di bawah ini, di bawah arahan <body> atau <body :
<div itemscope='itemscope' itemtype='http://schema.org/Blog' style='display: none;'>
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='//blog-logo-url-square-size-is-good' itemprop='image'/>
</b:if>
</div>
<b:if cond='data:blog.pageType != "index"'>
<meta expr:content='data:blog.pageName' itemprop='name'/>
<meta expr:content='data:blog.canonicalUrl' itemprop='url'/>
<b:else/>
<meta expr:content='data:blog.title' itemprop='name'/>
<meta expr:content='data:blog.homepageUrl' itemprop='url'/>
</b:if> <meta expr:content='data:blog.metaDescription' itemprop='description'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
<b:else/>
<meta content='//blog-logo-url-square-size-is-good' itemprop='image'/>
</b:if>
</div>
Note: Ganti arahan blog-logo-url-square-size-is-good (warna biru) dengan URL logo blog. Jika tidak ada, dapat dengan cara memakai arahan favicon ibarat URL https://example.blogspot.com/favicon.ico/ atau https://www.example.com/favicon.ico/.
Jika boleh menyarankan, alangkah baiknya apabila kau memakai URL logo blog milik kau sendiri. Jangan pernah memakai URL logo blog milik situs web lainnya.
Itulah tutorial tips dan trik bagaimana cara menciptakan dan memasang Schema Org Markup di Blogger dengan 11 langkah mudah.
Source:
candysweet-aina.blogspot.com/search?q=mengatasi-error-structured-testing-tool
candysweet-aina.blogspot.com/search?q=mengatasi-error-structured-testing-tool
http://www.techprevue.com/schema-org-meta-data-tags-for-blogger-advanced-practices/ Sumber http://addbloggerthemes.blogspot.com
0 Response to "2 Cara Memasang Schema Org Markup Di Blogger Dengan 11 Langkah Mudah"
Posting Komentar