Lompat ke konten Lompat ke sidebar Lompat ke footer
Cara Membuat Markup Blogger Dengan Schema.Org

Cara Membuat Markup Blogger Dengan Schema.Org

Cara Membuat Markup Blogger Dengan Schema.Org

Cara Membuat Markup Blogger Dengan Schema.Org

Bismillah,, selamat pagi semua pengunjung setia blog Milano-ruus yang semoga tetap dalam hidup yang harmonis dan fit dalam keseharian sehingga apapun yang sahabat Milano lakukan pasti maksimal jika kesehatan selalu dijaga. Dan besar doa kami semoga semuanya juga selalu dalam lindungan Allah SWT serta apa yang sahabat Milano lakukan hari ini menjadi asbab kita mendapatkan Ilmu yang bermanfaat bagi diri dan masyarakat banyak pada umumnya.

Baiklah sahabat Milano pada kesempatan ini kita akan membagikan tentang Cara Membuat Markup Blogger.

Mari Kita Lihat Dengan Mengambil Metode Schema.Org

Pencaharian seperti Google,Yahoo, telah mendukung dengan adanya Potongan Tentang kaya dan data terstruktur/rich snippets.Baru baru ini merangkak dengan penggunaan Schema.Org sebuah metode yang menyediakan makrup terkaya dalam hasil mesin pencari dan bahwa yang terbaik dari semua itu juga paling mudah untuk penggunaannya.



.
<div id="blog_post">
    <h2>Post Title</h2>
    <div class="byline">Written by Muhamad Hamdan on Tuesday Jan 14th 2014</div>....
    <div class="content">Content...</div>

</div>
.


Schema.Org banyak para blogger memakainya dengan jenis dan cara yang berbeda untuk membuat postingan blogger dengan Schema.Org. Namun kami akan memberi tahu mesin pencari bahwa ini adalah skema yang kami gunakan dengan menambahkan itemtype dan itemscope halaman blogger postingan kami .

.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">.......
<!-- -->
</div>

.

Selanjutnya kita tambahkan itemprop untuk judul dan konten. Disini kami akan menggunakan nama dan judul prperty untuk header, dan properti Artikel Body untuk konten.

.
<div id="blog_posttemscope="" itemtype="http://schema.org/BlogPosting">......
    <h2 itemprop="name headline">Post Title</h2>
    <!-- -->
    <div class="content" itemprop="articleBody">Content...</div>

</div>
.


Bagian terakhir sedikit agak sulit tapi sangat bagus. kami ingin menentukan tanggal dan penulis,ini akan memberikan tampilan photo dan diterbitakan 1 menit yang lalu,dengan adanya penampilan penulis akan lebih baik bagi mesin pencari seperti Google.Tentang Cara Menambahan Informasi Ada dua langkah yang bisa menentukan.Pertama tambahkan itemprop penulis,dengan itemtype dan itemscope.Hal ini menciptakan ruang lingkup bagi penulis.Kemudian disini ditambahkan rentang baru dengan itemprop nama dan juga ditambahkan link profil penulis Google+ dengan atributrell = "author" dan itemprop dari URL.


Ini Adalah Yang Bisa Anda Lihat Dibawah.





.
<div id="blog_post" itemscope="" itemtype="http://schema.org/BlogPosting">
    <h2 itemprop="name headline">Post Title</h2>
    <div class="byline">
        Written by
        <span itemprop="author" itemscope="" itemtype="http://schema.org/Person">
            <span itemprop="name">
                <a href="https://plus.google.com/110064667144377377705/" itemprop="url" rel="author">Muhamad Hamdan</a>
            </span>
        </span>
        on
        <time datetime="2014-01-14T22:00" itemprop="datePublished">Tuesday Jan 14th 2014</time>
    </div>
    <div class="content" itemprop="articleBody">Content...</div>
</div>

.


Selanjutnya gunakan Alat Penguji Google untuk memastikan kebenaran markup sahabat dan mendorong perubahan kegiatan kita. Berikan Google untuk menelusuri kembali halaman kita dan memperbaharui indeks mereka, dan selama beberapa hari kedepan Anda harus mulai melihat beberapa hasil yang lebih bagus mesin pencarian.


Demikian yang bisa kami bagikan semoga bermanfaat dan selamat mencoba ya guyss.

Open Comments

Posting Komentar untuk "Cara Membuat Markup Blogger Dengan Schema.Org"