Posted on

Mengatasi Unparsable Structured Data

Mengatasi Masalah Unparsable Structured Data

wpJakarta.Com – Cara Mengatasi Unparsable Structured Data. Ketika kita membangun website dan ingin website tersebut dapat di akses melalui mesin pencari. Maka perlu untuk mengintegrasikan “structured data / schema markup” ke dalam website tersebut. Sebelum lebih jauh tentang bagaimana mengatasi unparsable structured data. Ada baiknya memahami apa itu “Structured Data”.

Continue reading Mengatasi Unparsable Structured Data
Posted on

Tips-trik Menampilkan Iklan Antar Paragraph

Menampilkan Iklan Antar Paragraph

wpJakarta.Com – Tips-trik Menampilkan Iklan Antar Paragraph. Salah satu cara paling mudah memonetisasi website atau blog tentu saja dengan menempatkan iklan. Yup…. menempatkan iklan di website atau blog yang di kelola adalah cara paling umum untuk mendulang pundi-pundi uang.

Continue reading Tips-trik Menampilkan Iklan Antar Paragraph
Posted on

Memperbaiki Error Product Schema Markup WooCommerce

Memperbaiki Error Product Schema

wpJakarta.Com – Memperbaiki Error Product Schema Markup WooCommerce. Membuat website dengan WordPress tentu harus di akui dapat kita lakukan dengan sangat mudah. Cuma tinggak “klak klik sana sini” website langsung jadi di lanjut dengan kustomisasi visual. Mau bikin toko online, juga gampang. Tinggal install plugin WooCommerce. Tambah produk, setup pembayaran dan setting pengiriman dan setting lainnya. Yup…. jadilah sebuah website toko online.

Continue reading Memperbaiki Error Product Schema Markup WooCommerce
Posted on

Tips-trik Menampilkan Jumlah View Halaman WordPress

wpJakarta.Com – Tips-trik Menampilkan Jumlah View Halaman WordPress. Beragam cara bisa dilakukan untuk mengetahui berapa kali halaman atau artikel yang di tulis mendapat kunjungan dari pengguna. Atau kita ingin tahu berapa kali artikel yang di tulis di baca orang.

Continue reading Tips-trik Menampilkan Jumlah View Halaman WordPress
Posted on

Tips-Trik Menambahkan Kode Verifikasi Google Adsense

wpJakarta.Com – Tips-Trik Menambahkan Kode Verifikasi Google Adsense. Salah satu “mata pencaharian” yang bisa dimanfaatkan oleh website adalah iklan. Ya, kita bisa mengijinkan iklan dari pihak ketiga untuk di tampilkan pada website atau blog yang di kelola. Dan provider iklan yang menjadi tujuan para blogger tentu saja, Google Adsense.

Continue reading Tips-Trik Menambahkan Kode Verifikasi Google Adsense
Posted on

Tips-trik Mengatasi Masalah Largest Contentful Paint

Mengatasi Masalah Largest Contentful Paint

wpJakarta.Com – Tips-trik Mengatasi Masalah Largest Contentful Paint. Salah satu masalah yang bikin sakit kepala adalah bagaimana membuat website atau konten yang sesuai dengan maunya google. Kebanyakan orang menggunakan google pagespeed untuk mengukur performa website dan ingin mendapat skor yang tinggi baik mobile atau desktop. Maklum hasil skor yang tinggi bisa mempengaruhi peringkat pada hasil pencarian google.

Continue reading Tips-trik Mengatasi Masalah Largest Contentful Paint
Posted on

Apa Itu Core Web Vitals

Apa Itu Core Web Vitals

wpJakarta.Com – Apa Itu Core Web Vitals. Awal mei lalu google memperkenalkan program baru, Core Web Vitals. sebuah inisiatif dari Google untuk memberikan panduan yang terpadu tentang kualitas sebuah website. Google memberi informasi terbaru tentang Core Web Vitals. Bahwa algoritma ini masih belum akan di implementasikan hingga awal 2021. Ini berarti anda harus mulai mengimplementasikannya sesegera mungkin, terutama jika anda seorang developer yang manangani banyak website client.

Continue reading Apa Itu Core Web Vitals
Posted on

Verifikasi Domain Melalui TXT Record Google Search Console

wpJakarta – Verifikasi Domain Melalui TXT Record Google Search Console. Tidak bisa dipungkiri bahwa blog atau website yang kita buat adalah “aset” buat mesin pencari google. Melalui artikel dan post yang kita buat pada blog dan website kita, maka google dapat menjadikan website kita sebagai “komoditi” index pada search enginenya.

Continue reading Verifikasi Domain Melalui TXT Record Google Search Console
Posted on

Google Tidak Bisa Mengindex Halaman Website (Indexing Request Rejected)

wpjakarta – Google Tidak Bisa Mengindex Halaman Website Indexing Request Rejected. Perkara “ngeblog” memang bukan sekedar tentang menulis artikel dan mempublishnya saja. Biasanya setelah menulis artikel, memolesnya dengan SEO lalu meminta google search console (GSC) untuk mengindexnya.

Continue reading Google Tidak Bisa Mengindex Halaman Website (Indexing Request Rejected)
Posted on

Mengatasi Masalah Mobile Friendly Secara Visual

wpJakarta – Mengatasi Masalah Mobile Friendly Secara Visual. Masalah mobile friendly disebuah halaman website bisa dibilang adalah masalah kritis dan serius. Karena kita tau bahwa google selalu mengutamakan halaman website yang mobile friendly saat dilihat melalui perangkat mobile. Google Search Console (GSC) akan memberikan notifikasi jika ada halaman website kita misalnya terdeteksi tidak mobile friendly.

Report error terkait dengan “Mobile Usability Issue”

Mobile Usability Issue, yang artinya tampilan halaman website ada masalah saat ditampilkan secara mobile, dan masalah-masalah sesuai report GSC adalah sebagai berikut :

  • Clickable elements too close together, ini yang menyebabkan orang bisa susah nge-klik karena jari jempolnya yang segede gaban.
  • Content wider than screen, sama seperti main sepakbola, google juga akan menyemprit jika ada content yang offside.
  • Text too small to read, ini yang membuat mata pengunjung sampe melotot untuk membaca artikel.
  • Uses incompatible plugins, Misalnya anda menambahkan animasi seperti film cemen, sementara tidak semua browser support cemen tersebut.
  • Viewport not set dan
  • Viewport not set to “device-width”, tentang meta viewport yang tidak diset bisa bikin website jadi tidak responsive.

Baca Juga :

Clickable elements too close together

Pada artikel ini “Mengatasi Masalah Mobile Friendly Di GSC” akan coba kami bahas bagaimana memperbaiki masalah tersebut satu persatu. Tapi pada artikel ini kami hanya akan membahas masalah pertama yaitu : Clickable elements too close together. Masalah lainnya kami bahas pada artikel lain.

Apapun masalah pada GSC, memang harus kita investigasi sendiri. GSC tidak secara spesifik memberitahu teks mana yang terlalu kecil atau pada kolom mana masalah tersebut terjadi. Tapi google memberikan kesempatan pada kita untuk melakukan investigasi dengan menyediakan fitur “Fetch page”, “Inspect” dan “Test Live Page” supaya kita dapat mendeteksi di bagian mana dari halaman website yang bermasalah.

Mendeteksi secara visual element yang bermasalah

Seperti dijelasakan diatas bahwa Clickable elements too close together adalah ada dua atau lebih element yang bisa diklik yang letaknya berdekatan, dan akan menyebabkan pengguna internet yang jempolnya gede sulit untuk meng”klik” element-element tersebut.

Untuk membantu menentukan bagian apa yang error anda bisa melakukan fetch page, inspect atau screenshot melalui menu GSC. Selain itu coba juga cek secara visual alias dengan mata tidak pake baju alias mata telanjang halaman yang bermasalah tersebut menggunakan handphone (usahakan handphone middle end). Adakah teks atau gambar yang mengandung link yang letaknya sangat berdekatan atau mepet.

Secara sederhana kami akan coba gambarkan dengan gambar berikut :

Pada gambar yang kami screenshoot dari halaman homepage kami, terdapat heading teks H2 yaitu “wpJakarta” dan “WordPress”. Dimana teks wpJakarta mengandung link ke https://wpjakarta.com/. Sedangkan teks WordPress mengandung link ke https://wordpress.com/. Karena mengandung link maka kedua teks “wpJakarta” dan “WordPress” disebut sebagai “Clickable Element”.

Jika dilihat dengan PC hal tersebut tidak menimbulkan masalah karena kedua teks tersebut ditampilkan secara sejajar horizontal: wpJakarta WordPress. Masalah muncul saat website dibuka dengan browser mobile karena tampilannya akan menyesuaikan seperti berikut gambar berikut ini :

Kedua teks tersebut saat ditampilkan dengan browser di handphone maka akan tampil secara sejajar vertical :
wpJakarta –> mengandung link.
WordPress –> mengandung link.

Sehingga memungkinkan pengguna akan salah klik. Dan hal tersebutlah yang membuat halaman website anda terdeteksi tidak mobile friendly dengan secara spesifik masalahnya Clickable elements too close together.

Solusi perbaikan

Coba anda hilangkan masing-masing link yang terkandung pada kedua teks berikut. Lalu lakukan URL inspection atau lakukan test mobile friendly test. Jika ternyata tidak terdeteksi masalah mobile, berarti bisa dipastikan itulah masalah utamanya.

Solusi yang bisa anda lakukan adalah : Anda bisa buang semua link dari kedua teks tersebut atau berikan link hanya pada salah satu teks saja atau kedua teks tersebut diberikan satu tujuan link saja. Solusi lainnya adalah anda bisa memberikan css class pada element tersebut dan menambahkan kode CSS dengan mendefine “@media only screen” rule, lalu memberikan perintah untuk memberi jarak antara dua teks tersebut (Padding atau margin).