Connect with us

Tutorial Cara Membuat Sitemap di Blog AMP HTML

Membuat Sitemap di Blog Membuat Sitemap di Blog, Hapus istilah: Membuat Sitemap di Blog Membuat Sitemap di AMP Blog
Cara Membuat Sitemap di Blog AMP Seperti Kompi Ajaib

Tutorial Blog

Tutorial Cara Membuat Sitemap di Blog AMP HTML

Tutorial Cara Membuat Sitemap di Blog AMP HTML – Beberapa minggu yang lalu ada seorang blogger yang menghubungi saya via Whattsaps, dalam percakapan tersebut Ia berniat memninta bantuan untuk membuat sitemap di blog AMP yang dimilikinya.

Taukah Anda kenapa dia mengubungi saya?

Katanya ia sudah mencari pembahasan mengenai tutorial cara membuat sitemap di AMP di google, kala itu ia mengunjungi blog Omboolom.om (punya saya) dan akhirnya ia mengubungi saya lewat Whatsapps.

Berbicara mengenai cara membuat sitemap di blog AMP Html mungkin tidak segampang dengan membuat peta situs di blog Non AMP.

Ketahuilah, dalam APM Html tidak diperbolehkan untuk menampilkan atau menjalankan Jawvascript.

Nah dengan begitu maka agak sedikit susah karena kita harus menjauhkan javascript di postingan Blog AMP.

Tutorial ini sebelumnya sudah dipublikasikan oleh kang Adhy Suryadi di blognya Kompi Ajaib.

Dan postingan kali ini kami akan mempublikasikan ulang konten tersebut.

Cara Membuat Sitemap di  Blog AMP

#1. Membuat Dua Halaman Kosong (Sitemap)

Langkah pertama untuk membuat sitemap di blog AMP adalah membuat halaman dengan judul Sitemap.

Buatlah dua halaman dengan judul yang sama, Hal ini bertujuan karena sitemap perbedaan antara sitemap versi Mobile dan versi Dekstop.

Maka buatlah dua halaman dengan judul sitemap dan publikasikan

#2. Buka Halaman & CTRL U

Sesudah membuat halaman dan mempostingnya, buka halaman tersebut (jangan di preview) lalu pencet Ctrl+U di komputer Anda.

Pada halaman tersebut nantinya akan terbuka HTML berdasarkan laman tersebut.

#3. Copas dan Edit

Langkah ketiga adalah copas kode tersebut dan edit di notepad.

Cari kode ini

Lalu tambahkan kode ini dibawahnya

Silahkan ganti Url (yang berwarna kuning) dengan link blog Anda.

Setelah copas lalu save document notepad tadi dengan judul sitemap AMP versi Dekstop. Ketika menyimpan document notepad, biasanya bertype TXT. Nah disana kita harus menggantinya Doc Type dengan html, jadi filenya bernama Sitemap AMP Versi Dekstop.html

Setelah itu upload ke github dan rubah urlnya di https://rawgit.com/

#4. Tambahkan CSS Style di Template

Langkah selanjutnya adalah menambahkan CSS style di template blog Anda.

Hal ini bertujuan untuk mengtatur  style agar sama seperti sitemap kang Adhy di kompiajaib.com

berikut ini kodenya

Simpan kode CSS diatas tepatnya di atas kode <style>

#5. Custom Url

Untuk menampilkan sitemap maka ganti url menu sitemap Anda menggunakan url dari rawgit tadi dan jangan lupa ganti urlnya.

Contoh asal

https://rawgit.com/blablablabla/blablabla/blbll/

Jadi begini

http://rawgit.com/blablablabla/blablabla/blbll/

Anda hanya perlu menghilangkan hurup S (Url Secure)

Cara membuat sitemap di blog AMP versi dekstop sudah selesai, untuk selanjutnya adalah membuat sitemap versi Mobile.

Sebenarnya pembuatannya tidak jauh berbeda..

Namun….. kamu hanya pertu menambahkan kode url tampilan versi mobile dalam pembuatannya.

Jadi yang asalnya saat kamu membuka laman yang kedua maka tambahkan kode ini ?m=1 seperti ini contoh dibawah ini :

http://www.bloganda.com/p/sitemap

Jadi..

http://www.bloganda.com/p/sitemap

Nah itulah cara membuat sitemap di blog AMP Html custom domain ala kang Adhy Suryadi

Continue Reading
Advertisement
You may also like...

Do the work what you can today even though difficult, don't put off your work for tomorrow even though it easily.

Click to comment

Leave a Reply

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

thirteen + 19 =

More in Tutorial Blog

To Top