Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Tampilkan postingan dengan label Tips Blogger. Tampilkan semua postingan
Cara Perbaiki Elemen HTML tidak Memiliki Atribut ‘lang’

Cara Perbaiki Elemen HTML tidak Memiliki Atribut ‘lang’

memperbaiki peringatan atribut lang


Jika kamu secara sengaja telah mengecek situs blog sendiri di PageSpeed Insights, kemudian kamu mendapati salah satu peringatan adanya catatan bahwa “elemen html tidak memiliki atribut lang” saran kami lebih baik diperbaiki. Cukup mudah dilakukan asal kita paham dan sedikit ketelitian saja maka bisa segera diatasi.

Untuk lebih dipahami lagi, simak penjelasan berikut ini;

Saat mengatur pembaca layar, pengguna memilih bahasa utama (default). Jika sebuah halaman web tidak menentukan bahasa, maka pembaca layar otomatis menggunakan bahasa default yang sudah dipilih pengguna. Masalah muncul ketika pengguna fasih dalam beberapa bahasa dan sering membuka situs web dengan bahasa berbeda. Karena itu, sangat penting untuk menetapkan bahasa yang benar pada dokumen agar teks bisa dibacakan dengan tepat.

Pembaca layar memiliki pustaka suara khusus untuk setiap bahasa, menyesuaikan pengucapan dan ciri khas bahasa tersebut. Pembaca layar bisa berganti pustaka suara dengan mudah, tetapi hanya jika dokumen <html> menetapkan bahasa apa yang digunakan dan kapan harus berganti. Jika bahasa tidak ditentukan, pembaca layar akan tetap menggunakan bahasa default pengguna. Akibatnya, teks bisa terdengar dengan aksen aneh atau salah pengucapan, sehingga sulit dipahami.

Dengan begitu memberi atribut “lang” sama saja memberikan pengalaman pengunjung situs web jadi lebih baik terutama pembaca dengan background bahasa yang berbeda.
 

Langkah Memberi Atribut lang di Elemen <html> 


Yang sering saya jumpai muncul peringatan ini adalah pada template Blogger lama yang belum diupdate, untuk yang sudah memakai terkini seperti halnya tema buatan Sugeng.id dan Igniel yang kami tahu sudah sangat aman.

Tetapi bagi yang masih bertahan memakai versi lama, jangan khawatir karena bisa dengan mudah memperbaiki peringatan tersebut secara mandiri tanpa harus ganti template. Dan ini bisa kalian terapkan untuk semua situs baik platform blog, wordpress, self-hosting, dan lainnya.

Berikut ini caranya:

Kita hanya perlu menambahkan lang atribut dalam pengaturan html situs kita, yakni dengan menambahkan elemen misalnya <html lang=”id”> untuk contoh jika bahasa utama dari dokumen adalah bahasa Indonesia. Sedangkan kalau ternyata bahasa utama halaman adalah bahasa inggris maka pake atribut lang=”en”

Contoh penerapan dalam template blog, agar lebih mudah dipahami lagi. Ini biasanya posisinya di paling atas tepatnya nomor ke-3, sebelum diberi atribut kurang lebih seperti ini;

<html expr:dir='data:blog.languageDirection'>

Setelah ditambahkan ‘lang’ maka jadi seperti ini;
<html expr:dir='data:blog.languageDirection' lang=’id’>


Baca juga : Cara Daftar Website/Blog ke Google Search Console

Sementara untuk kode bahasa lain, kalian bisa sesuaikan dengan situs yang kalian miliki memakai bahasa apa. Dan berikut Daftar Kode Bahasa secara Umum (ISO 639-1) untuk beberapa negara.

- id: Bahasa Indonesia (Indonesia)
- en: Bahasa Inggris 
- zh: Bahasa Mandarin / Tionghoa
- ar: Bahasa Arab
- ja: Bahasa Jepang
- ko: Bahasa Korea
- es: Bahasa Spanyol
- fr: Bahasa Prancis
- de: Bahasa Jerman
- ru: Bahasa Rusia
- hi: Bahasa Hindi (India)
- nl: Bahasa Belanda
- pt: Bahasa Portugis

Berikutnya bahkan kita bisa menentukan bahasa utama situs secara spesifik berdasarkan dialek suatu negara, misalkan “en-AS” untuk menandai sebagai bahasa Inggris Amerika, lalu "fr-CA" untuk bahasa Prancis Kanada, atau yang lainnya.

Penutup

Dengan menambahkan atribut tersebut, kalian jadi bisa memperbaiki peringatan di pengecekan PageSpeed Insight dan bisa dengan mudah melakukan sendiri bahkan menjadikan kenaikan performa. Walaupun kelihatannya hal kecil, tetapi seiring berjalannya waktu dan semakin banyak pengunjung situs dari berbagai bahasa yang berbeda akan berdampak sangat besar karena menyangkut user-experience.
Cara Buat Border / Garis Tepi pada Postingan Blog

Cara Buat Border / Garis Tepi pada Postingan Blog

membuat border di postingan blog


Sebetulnya bukan hal yang sulit untuk membuat sebuah border atau garis tepi dalam postingan blog kita. Nah kadang kita membutuhkannya untuk sekedar hiasan dalam postingan blog atau memang ada hal penting yang perlu dikasih garis terpi, contohnya kalau saya ketika ada kalimat kutipan motivasi.

Perlu kita sampaikan bahwa kode ini untuk bisa diterapkan pada artikel blog platform blogger baik itu yang sudah custom domain maupun yang belum, aku belum tahu kalu di wordpress sama atau tidak. Kalau kamu sedang memerlukan cara memberi border dalam sebuah artikel untuk menandai hal penting, kita akan berbagi disini.

Bentuk Border Blog

Ada berbagai macam type dan bentuk border yang bisa kalian pilih untuk diterapkan dalam postingan, ini sebagai tambahan wawasan saja:

- Border Dashed : type border ini bentuknya garis putus-putus. 
- Border Dotted : type border dotted untuk garis titik-titik. 
- Border Double : bentuk dari type border double ini berupa garis ganda yang sejajar. 
- Border Groove : bentuk dari type border groove ini berupa garis tiga dimensi berlekuk. 
- Border Inset : bentuk dari type border inset ini berupa garis tiga dimensi bagian dalam. 
- Border Outset : bentuk dari border ini berupa garis tiga dimensi bagian luar. 
- Border Ridge : type dari jenis border ini berbentuk garis bergerigi tiga dimensi. 
- Border Solid : untuk type border solid ini berupa garis penuh. Border solid merupakan garis tepi yang sering sekali dipakai oleh para blogger dalam postingan. 


Ada juga yang bilang kalau border adalah bagian dari pada gaya seni isi postingan agar tidak membosankan pembaca. Boleh juga, kalian dapat mengfungsikan ini sesuai keinginan dan kebutuhan masing-masing ya Guys.

Inilah Kode HTML untuk dijadikan Garis Tepi (Border)


Berikut yaitu style berbagai kode yang siap kalian pakai dan bisa disimpan untuk setiap kali posting di blog. Misalnya kamu menyelipkan sebuah pantun di postingan bisa dikasih garis tepi, contoh ini saya memakai warna biru kesukaanku dan kalian bisa ubah sendiri nantinya.

<div style="border :5px dashed #2b75b3; padding: 5px;">Isi Tulisan Kamu Disini</div>

Keterangan:
Type border : Dashed (menghasilkan garis tepi putus-putus)
Tebal garis : 5px (px=pixel)
Padding : 5px (jarak antara karakter dengan garis)
Warna Garis : Kode #2b75b3 (biru), untuk mendapatkan kode warna yang lain lihat disini: Kumpulan Kode Warna html Lengkap. 

Hasilnya seperti berikut ini:

 

Pergi ke pasar membeli bunga, bunga mawar harum mewangi.
Hati bergetar saat berjumpa, cinta tumbuh tak bisa terganti.

 

Coantoh Lainnya


Kalian bisa sesuaikan type/bentuk sesuai nama dan perintah yang diinginkan mulai dari dashed, dotted, double, groove, inset, outset, ridge, solid.

Dotted 

 

Isi Tulisan Kamu Disini

Double 

 

Isi Tulisan Kamu Disini

Groove 

 

Isi Tulisan Kamu Disini

Inset 

 

Isi Tulisan Kamu Disini

Outset 

 

Isi Tulisan Kamu Disini

Ridge 

 

Isi Tulisan Kamu Disini

Solid 

 

Isi Tulisan Kamu Disini



Tambahan: Membuat Garis Horizontal dalam Postingan

Sementara untuk bikin garis lurus horizontal bisa kalian terapkan menggunakan kode html berikut.

 

1. Kode sederhana yang menghasilkan garis lurus horizontal warna hitam

<hr color ="solid black" align="center"/> 



2. Kode garis lurus bintik (dotted) menggunakan kode di bawah ini

<div style="border-bottom:2px dotted blue;"></div> 

 

Cara Menerapkan di Postingan

Kami rasa sudah pada tahu cara menggunakan kode-kode tersebut pada postingan blog, tetapi jika mungkin masih ada yang masih kebingungan, berikut ini caranya. 

 

1. Pertama setelah masuk situs blogger, klik buat postingan di blog Anda seperti biasa ketika hendak bikin artikel.

 

2. Kemudian di logo pensin di bawah judul kalian klik hingga muncul pilihan Tampilan HTML, setelah itu copy kode border yang diinginkan dan letakkan di mode HTML, pratinjau hasilnya.



Penutup

 

Demikianlah cara membuat border atau garis tepi pada postingan blog kita, semoga bisa menambah variasi isi dari artikel menjadi lebih menarik pembaca. Sekian, jika ada rekomendasi gaya border yang lebih keren lagi bisa sampaikan melalui kolom komentar. 

Cara Melihat Tampilan Situs Versi Seluler di Komputer / Laptop

Cara Melihat Tampilan Situs Versi Seluler di Komputer / Laptop

melihat tampilan blog versi mobile


Bagaimanakah supaya bisa ngecek dan melihat tampilan situs web atau blog kita di Laptop tapi yang tampilannya versi seluler (mobile).


Tentu ini satu hal yang sangat dibutuhkan bagi kita yang suka mendesain template untuk blogger atau bisa dikatakan tampilan sebuah website secara umum. Yang sudah pasti gunanya untuk melihat tampilan situs ketika dibuka melalui browser di PC sudah sama dan sesuai ketika dibuka melalui ponsel smartphone.


Istilahnya untuk mengetahui apakah tampilan sebuah situs sudah responsive atau belum. Karena memang kami sendiri terasa ribet kalau harus bolak-balik ambil hp untuk melihat perubahan dari pada template blog yang baru dipasang.


Selain itu, melihat tampilan web versi mobile akan berguna untuk mengetahui hal lain. Seperti contohnya saya telah membuat tabel di postingan, lalu ingin mengetahui hasil tampilannya kalau dibuka melalui hp. Untuk melihat ukuran lebar header blog dari tampilan mobile, dan kebutuhan lainnya langsung dari perangkat PC.


Langkah Melihat Tampilan Web versi Mobile

Memang sebagai pemilik blog hal ini menjadi sangat penting untuk mengetahui dan memastikan apakah template sudah responsive. Bagaimanapun juga saat ini lebih banyak pengguna seluler dari pada Laptop, untuk itu pastikan tampilannya tidak beda ketika dibuka melalui handphone.


1. Pertama, ini sebetulnya sangat mudah hanya membutuhkan situs pihak ketiga yakni melalui responsinator.com/

2. Buka alamat situs tersebut melalui browser di PC, setelah halaman dimuat kemudian masukkan url atau link blog Anda lalu tekan Enter.


Dengan begitu kita akan melihat tampilan mobile situs blog baik secara potrait dan landscape. Geser ke bawah untuk melihat tampilan device lain dari bentuk ponsel iPhone, Android, dan juga tampilan iPad. 

 

Update!: Cara pertama tools atau situs tersebut sudah tidak bisa diakses, untuk itu lebih baik langsung lanjut ke langkah berikutnya: 


Cara ke-2: Melihat Tampilan Situs versi Seluler


Berikut ini sebetulnya sama fungsinya, akan tetapi beda tempat pengecekan tampilan blog. Kenapa kita memberikan pilihan kedua, pastinya sebagai opsi lain jikalau yang pertama ada kendala seperti adanya gangguan server sehingga tidak bisa diakses. Maka kita bisa pake opsi yang lain di bawah ini,


1. Caranya untuk yang ini melalui alamat: https://www.mobileviewer.io/

Setelah kalian akses url tersebut maka bisa langsung, yang Pertama masukkan alamat situs yang mau di uji dengan lengkap, pilih Country atau negara anda tinggal, dan masukkan Address ini pilihan bisa juga dikosongkan saja tidak masalah.



Setelah semuanya terisi, untuk melihat hasilnya klik tombol Get Mobile Version. Dengan begitu nanti di halaman berikutnya akan menampilkan situs yang sudah kita masukkan muncul tampilannya dalam bentuk seluler (mobile).

 

Sementara itu kita bisa memilih tampilan Device yang ada di sebelah kiri tinggal dicek lish, nanti akan tampil beberapa sesuai pilihan dan selera kalian. Lengkap bangat pilihannya bahkan selain smartphone Apple ada pilihan device tablet juga dari berbagai brand dan ukuran.


Mudah sekali bukan? Dengan begitu kita yang memiliki habi desain template blog jadi lebih mudah melihat hasilnya dari berbagi perangkat ponsel hanya dari komputer atau laptop saja, tanpa perlu lagi harus membuka ponsel secara nyata.


Cara Buka Web dalam Tampilan Seluler tanpa Situs pihak ke-3

Mungkin salah satu dari kalian ada yang menginginkan, apakah ada melihat tampilan Web Versi mobile tanpa melalui situs pihak lain. Ada, yang kami terapkan ini langsung dari browser Chrome atau Firefox.


Caranya adalah dengan buka browser di Laptop kemudian akses alamat blog Anda, kemudian lakukan langkah berikut sesuai aplikasi browser yang digunakan.


▶Mozila Firefox : Setelah membuka halaman situs Anda lalu tekan tombol kombinasi di keyboard Ctrl + Shift + M

▶Google Chrome : Pada tampilan blog klik kanan pada mouse, lalu pilih Inspeksi, setelah itu untuk menampilkan situs versi mobile tekan Ctrl + Shift + M secara bersamaan.


Penutup


Nah mungkin demikian cara-cara yang bisa dilakukan untuk mengetahui tampilan situs kita dalam versi seluler langsung melalui komputer atau laptop, jadi tak perlu ambil hp terlebih dahulu. Bagi yang sudah kegiatannya desain template blog ini mungkin cukup membantu menyederhanakan pekerjaan. 

Cara Membuat Tabel di Postingan Blogger untuk Templatenya Mas Sugeng

Cara Membuat Tabel di Postingan Blogger untuk Templatenya Mas Sugeng

cara membuat tabel di blog

Untuk bikin sebuah tebal di postingan blogger sebenarnya bukan suatu pekerjaan yang rumit, ini bisa dibilang mudah. Meski begitu, yang membuat kita bingung adalah tidak adanya toolbar pada post editor blogger untuk langsung bisa membuat tabel.


Jadi sebagai penulis yang hendak membuat rangkaian data dalam sebuah tabel perlu membuat form kode HTML secara manual. Tapi jangan khawatir kita akan memberikan cara buat tabel di postingan Blog, baik itu yang standar tabel HTML, rowspan, hingga colspan.


Tabel sendiri fungsinya ada berbagai macam, tapi umumnya untuk melampirkan data penting tersusun secara berjajar. Data yang dimaksud bisa berupa teks dan angka serta tersusun mengikuti aturan tertentu.


Kita sendiri seringnya mencantumkan data tabel dalam sebuah post yang mengulas spesifikasi produk tertentu, yang mana jadi memudahkan mengumpulkan data informasi penting dalam satu tabel.


Langkah Buat Tabel dalam Postingan

Pada cara ini bisa diterapkan pada Template buatan Mas Sugeng yang telah kami coba. Karena yang kami ketahui memang tidak ada panduan khusus untuk membuat tabel dalam postingan khusus templatenya Mas Sugeng seperti EvoMagz, VioMagz, LinkMags, dan Wuzz. 


Mudah-mudahan ini akan membantu Anda yang baru pertama kali menggunakan dan mencoba mau menyisipkan sebuah tabel dalam artikel terbarunya.


[Tabel Standar/Sederhana]

  1. Pertama masuk ke Blogger
  2. Buat Post baru atau buka pastingan yang sudah ada
  3. Beralih ke "tampilan HTML"
  4. Letakkan skrip berikut ini pada area post HTML yang diinginkan


<table border="1">
  <tbody>
    <tr>
      <th>Heading 1</th>
      <th>Heading 2</th>
    </tr>
    <tr>
      <td>Data 1</td>
      <td>Data 2</td>
    </tr>
    <tr>
      <td>Data 3</td>
      <td>Data 4</td>
    </tr>
  </tbody>
</table>


Tabel dengan Menggabungkan Baris dan Kolom


Selanjutnya kita bisa menggabungkan cell pada tabel, aturan ini dalam HTML disebut sebagai rowspan (baris) dan colspan (kolom) pada tag td. Jadi kalau mau menggabungkan marge antar baris atau kolom maka bisa memakai atribut ini.


[Tabel dengan atribut rowspan]

Ini akan menggabungkan kolom baris pertama dengan kolom dibawahnya.
<table>
  <tbody>
    <tr>
      <td rowspan='2'>Baris 1-2, kolom 1</td>
      <td>Baris 1, kolom 2</td>
    </tr>
    <tr>
      <td>Baris 2, kolom 2</td>
    </tr>
    <tr>
      <td>Baris 3, kolom 1</td>
      <td>Baris 3, kolom 2</td>
    </tr>
  </tbody>
</table>

[Penggunaan atribut colspan]

Sementara yang ini untuk mengabungkan kolom tabel pertama dengan di sebelah atau sampingnya.
<table>
  <tbody>
    <tr>
      <th>Baris 1, kolom 1</th>
      <th colspan='2'>Baris 1, kolom 2-3</th>
    </tr>
    <tr>
      <td>Baris 2, kolom 1</td>
      <td>Baris 2, kolom 2</td>
      <td>Baris 2, kolom 3</td>
    </tr>
    <tr>
      <td>Baris 3, kolom 1</td>
      <td>Baris 3, kolom 2</td>
      <td>Baris 2, kolom 3</td>
    </tr>
  </tbody>
</table>

Contoh Hasilnya, dengan gabungan rowspan dan colspan.

Baris 1-2, kolom 1 Baris 1, kolom 2-3
Baris 2, kolom 2 Baris 2, kolom 3
Baris 3, kolom 1 Baris 3, kolom 2 Baris 2, kolom 3

Itulah langkah-langkah yang harus Anda kerjakan untuk membuat tabel di postingan blogger baik itu yang sederhana atau dengan aturan atribut khusus seperti penggabungan kolom. Kamu bisa memulai dengan tabel dasar yang telah kami sediakan dan silahkan kreasikan sesuai keinginan.
Cara Setting dan Merubah robots.txt di Blogger

Cara Setting dan Merubah robots.txt di Blogger

cara setting robots.txt blogger

Supaya mesin pencari mudah merayapi situs kita maka perlu setting robots.txt yang sesuai unjuran. Blogger dengan situs blogspot maupun yang sudah custom domain sebenarnya sudah otomatis disetel dengan robots.txt default.


Meski demikian sebagai pemilik Blog kita bisa merubah lagi robots.txt dengan setelan khusus yang tetap aman dan bahkan bisa lebih Seo fiendly. Asalkan sudah tahu setelan yang tepat dan benar, jangan sampai merubahnya dengan asal asalan supaya tidak menimbulkan hal buruk situs di mesin penelusuran.


Seperti yang telah kami katakan bahwa sudah ada robots.txt bawaan blogger tanpa kita merubahnya dan itu sebetulnya sudah cukup, seperti ini;


User-agent: Mediapartners-Google
Disallow:

User-agent: *
Disallow: /search
Allow: /

Sitemap: https://www.BlogAnda.com/sitemap.xml

*Keterangan dan maksud dari file robots.txt tersebut :

Mediapartners-Google: Artinya robot dari Google Adsense untuk mengindeks halaman situs Anda.
User-agent:* Artinya semua agen pengguna diizinkan untuk meng-crawl atau merayapi seluruh situs.
Disallow: /search Adalah berfungsi untuk memberi tahu mesin pencari agar tidak meng-indeks url yang diawali dengan /search setelah alamat situs.
Sitemap: Ini untuk memberi tahu pada robot perayap dimana peta situs berada.

Bagi Anda pengguna blogger yang belum paham akan aturan penerapan robots.txt, kami sarankan biarkan setting default saja. Kecuali saat ini sedang mengalami masalah Diindeks Meski Diblokir oleh robots.txt maka itu baru diperlukan tindakan khusus untuk memperbaikinya.

Tapi kalau sudah paham dengan aturan yang ada dan siap terhadap kemungkinan akan terjadi, selama masih dalam standar aturan pengaturan robots.txt maka akan aman. Mari kita coba setting dengan pengaturan khusus berikut ini.

Setting robots.txt dengan Mencegah Halaman About dan Contact


Kalau ada halaman tertentu yang ingin kamu abaikan dari hasil penelusuran Google, dalam contoh ini adalah halaman About dan Kontak maka gunakan aturan setting robots.txt berikut yakni dengan menambahkan Disallow.

 
User-agent: Mediapartners-Google
Disallow:

User-agent: *
Allow: /
Disallow: /search
Disallow: /p/contact.html
Disallow: /p/about.html

Sitemap: https://www.BlogAnda.com/sitemap.xml

Berikutnya untuk cek apakah robots.txt di situs kita sudah berubah atau belum, dengan cara membuka url BlogAnda.com/robots.txt (ganti BlogAnda.com dengan alamat situs kalian)

Bisanya akan langsung berubah dalam waktu beberapa detik saja. Buka url pengecekan langsung pada kotak address browser yang digunakan.

Cara Aktifkan Custom robots.txt di Blogger


Dari tadi kita sudah menjelaskan tentang aturan dasar robots.txt yang umum dan aman digunakan Blogger, akan tetapi kalau kita belum tahu letak pengaturan untuk Custom robots.txt bagaimana bisa menerapkan? Berikut ini langkah-langkahnya,

1. Buka blogger.com dan pilih situs Anda

2. Masuk menu Setelan (settings) > Crawler dan pengindeksan Anda aktifkan, lalu klik robots.txt custom



3. Setelah itu baru bisa meletakkan pengaturan robots.txt yang diinginkan

Kami ingatkan lagi!!!, gunakan pengaturan ini dengan teliti dan hati-hati. Sebab kalau sampai salah penerapan fitur tersebut bukan tak mungkin blog Anda malah tidak diindeks mesin pencari secara maksimal.

Penutup

Demikianlah aturan Cara Setting dan Merubah robots.txt di Blogger yang bisa kami sampaikan pada kalian. Sekiranya ada yang kurang jalas bisa disampaikan melalui kolom komentar atau menurut kalian ada hal yang kurang tepat dalam penulisan robots.txt mohon sampaikan kritik dan saran, terima kasih.
Cara Daftar FeedBurner untuk Situs Blogger (Update Terbaru)

Cara Daftar FeedBurner untuk Situs Blogger (Update Terbaru)

cara daftar feedburner untuk situs blogger
 

Tahukah Anda apa itu FeedBurner? Ini merupakan sebuah layanan gratis Google untuk sebuah layanan RSS feed dan alat pengelola untuk blogger, podcaster, dan aplikasi publikasi lain yang berbasis situs web. Dulunya layanan ini menyediakan analisis lalu lintas jumlah pelanggan situs, tapi kini sudah berubah menjadi sederhana.


Di balik itu, FeedBurner juga cara daftar terbaru kali ini cukup mudah dilakukan yang nantinya bisa kita tautkan dengan situs di Blogger. Mungkin web blog yang Anda kelola perlu dibuatkan RSS khusus supaya proses indexing jadi lebih bagus.


Baik, mari ikuti bagaimana cara membuat dan daftarkan blog ke FeedBurner terbaru kali ini.


1. Pertama kita buka alamat https://feedburner.google.com/ kemudian masuk menggunakan akun Google


2. Kemudian sesudah masuk, klik tombol menu di pojok bawah +Create proxy.


membuat aliran feedburner blog

3. Lalu pada kotak Feed url tuliskan /feeds/posts/default yang diawali dengan nama domain atau alamat situs blog Anda. Kalau sudah klik Next,


feedburner blogger

4. Setelah itu akan langsung tampil judul Blog dan Url feed, lanjutkan dengan klik Create


5. Nah pendaftaran situs di FeedBurner sudah selesai.


Selanjutnya…

Cara Hubungkan Url FeedBurner ke Blogger


Walaupun sudah terdaftar alamat Blog kita, akan tetapi kalau belum dihubungkan ke Blogger maka alamat feed belum redirect ke Url FeedBurner yang ada malah membuka sitemap.


1. Buka kembali FeedBurner Anda lalu klik menu "Configure Proxy"


2. Setelah itu, salin Feed Url


3. Kemudian buka Blogger, pilih menu Setelan > "URL alihan feed entri"


url feed blog


4. Paste link Url FeedBurner yang tadi sudah di copy.


5. Dan klik Simpan


Sudah selesai…


Cara cek apakah RSS Feed sudah ter-redirect ke url FeedBurner, paling mudah dengan ketikkan https://www.menitinfo.com/atom.xml


Ganti www.menitinfo.com dengan alamat blog Anda yang telah didaftarkan ke FeedBurner terbaru. Atau bisa cek melalui rss feed yang ini /feeds/posts/default maka hasilnya kalau berhasil akan alihkan ke alamat FeedBurner.


Penting!! Jika feed (RSS atau Atom) sudah di redirect ke layanan FeedBurner maka sitemap atau peta situs di Google Search Console yang berjenis Atom / Feed perlu kita ganti menjadi seperti ini;


atom.xml?redirect=false

atau,

feeds/posts/default?redirect=false


Format sitemap tersebut supaya feed untuk peta situs Search Console tetap berfungsi, tidak dialihkan ke FeedBurner, itu saja tujuannya. Untuk lebih lengkapnya cara update peta situs, simak ini Cara Submit Sitemap Blogger ke Google Search Console. 


Penutup


Itulah urutan yang menurut kami cukup mudah dalam melakukan pendaftaran situs Blog ke FeedBurner, serta menghubungkan ke Blogger. Jika postingan kita bermanfaat jangan lupa bagikan ke Sosial Media, terima kasih.

Cara Daftar Website/Blog ke Google Search Console

Cara Daftar Website/Blog ke Google Search Console

Sudah tahukah kalian apa itu Google Search Console? Ini merupakan sebuah alat dan layanan gratis yang ditawarkan untuk membantu kita sebagai admin blog dalam memantau dan memecahkan setiap masalah terkait situs di hasil penelusuran Google. Maka dari itu untuk bisa melihat dan memelihara situs dengan lebih baik, supaya mendaftarkan ke Google Search Console.


Sebagai pengguna baru mungkin masih terdengar asing dengan alat yang satu ini. Padahal setelah daftarkan blog ke Search Console bisa membantu kita dalam hal SEO dari situs yang sedang kita kelola. 


Pada dasarnya kita tidak harus mendaftar ke Search Console agar situs kita muncul di hasil penelusuran Google, akan tetapi dengan mendaftarkan blog kita ke GSC (Google Search Console) situs dan postingan akan lebih cepat ter indeks sama mesin pencari.


Cara Daftar Google Search Console


1. Pertama kita bisa langsung buka situs resmi GSC di: https://search.google.com/search-console


2. Setelah masuk dengan akun Google, akan ada dua kotak pilihan yaitu Domain dan Awalan URL (URL prefix). Jika kita masih menggunakan subdomain blogspot maka pilih yang kedua, tapi jika sudah menggunakan custom domain maka bisa pilih Domain atau URL prefix / Awalan URL.


3. Disini saya pilih kotak kedua atau "URL prefix" walaupun situs saya sudah custom domain, alasannya karena banyak pilihan verifikasi. Kamu juga bisa pilih kotak pertama dengan catatan kamu bisa memiliki akses ke pengaturan DNS dari domain terkait.


cara daftar google search console

4. Klik tombol Continue (Lanjutkan) untuk menyelesaikan pendaftaran


5. Maka biasanya akan muncul kotak Verify ownership, lalu bisa dipilih metode verifikasi dengan HTML tag


6. Kita copy script meta tag tersebut dan masuk ke menu Tema blogger, kemudian pilih Edit HTML. Letakkan kode script tersebut di Bawah kode <head> dan klik simpan tema


7. Setelah itu kembali lagi ke Google Search Console dengan klik tombol VERIFY, kalau berhasil akan berubah menjadi hijau


Dan akhirnya kita telah berhasil mendaftarkan blog/website ke Google Search Console yang gratis dan mudah dengan harapan setiap postingan yang kita buat lebih cepat terindeks mesin penelusuran.


Apa yang dapat kita lihat setelah Blog tercantum di Search Console?


  • Melihat data traffik penelusuran Google, seperti seberapa sering situs kita muncul di hasil penelusuran, posisi hasil penelusuran untuk kata kunci tertentu, dan masih banyak lagi.
  • Dapat mengetahui pemberitahuan mengenai masalah pengindeksan, spam, atau masalah lain
  • Melihat link dari luar (eksternal) yang mengarah ke situs kita
  • Dapat memperbaiki masalah pengindeksan dan meminta indeks ulang pada konten baru atau konten lama yang baru di update.


Apa lagi yang perlu di tambahkan?


- Sitemap / Peta Situs


Sitemap akan menjadi rujukan bagi mesin penelusuran dalam melakukan crawing sebuah blog, dengan menambahkan peta situs atau sitemap biasanya proses indeks akan jadi lebih cepat dan halaman url tidak ada yang terlewatkan.


Untuk memulai menambahkan bisa baca pada artikel ini: Cara Submit Sitemap Blogger ke Google Search Console.


Akhir Kata


Demikianlah cara daftar blog atau website ke Google Search Console, mudah-mudahan setelah ini halaman web kita mudah dirayapi sama mesin pencari baik itu Google maupun mesin penelusuran lain seperti Bing, Yandex, dan lainnya.


Tentunya suatu kebanggaan sebagai penulis blog jika halaman kita mudah ditemukan di hasil penelusuran karena itu akan menaikkan rangking. Terima kasih, semoga tips sederhana dari kita ini bermanfaat.