Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Lighthouse

Mengatasi Links Are Not Crawlable pada Jump Link

Pada tulisan ini saya hendak berbagi pengalaman tentang cara mengatasi Links Are Not Crawlable pada Jump Link ketika melakukan audit laman dengan Lighthouse . Jump link adalah taut yang dibuat agar pengunjung bisa melompat ke paragraf tertentu yang berisi informasi relevan.

Mengatasi Lists do not contain only <li> elements

Kali ini saya hendak berbagi pengalaman tentang cara mengatasi flag Lists do not contain only <li> elements and script supporting elements (<script> and <template>) pada hasil audit dengan menggunakan Lighthouse, salah satu extension pada browser Chrome.

Mengatasi Serves Images With Low Resolution

Serves Images With Low Resolution [ Resolving Serves Images With Low Resolution ] adalah salah satu flag atau bendera yang dikerek pada audit dengan Lighthouse, yang membuat skor pada kategori Best Practices menjadi berkurang. Seberapa pun berkurangnya skor akan tetap ada perasaan tak enak.

Mengatasi Links to cross-origin destinations are unsafe

Bendera Links to cross-origin destinations are unsafe pada audit website dengan Lighthouse berkibar dan mengurangi skor pada hasilnya ketika ada taut eksternal di sebuah laman yang memakai atribut target="_blank" .

Mengatasi Buttons do not have an accessible name

Tips kali ini adalah bagaimana mengatasi bendera merah buttons do not have an accessible name pada audit dengan Lighthouse. Audit ini berada dalam kategori Accessibility yang memeriksa peluang untuk meningkatkan kemudahan akses untuk sebuah laman web.

Mengatasi Links do not have descriptive text

Kali ini saya akan berbagi tentang bagaimana caranya mengatasi links do not have descriptive text dalam audit dengan menggunakan Lighthouse. Masalah ini bersangkut paut dengan teks taut yang tidak deskriptif. Ini bukan hal yang sulit untuk diatasi, sehingga akan sayang jika tak bisa mendapat skor 100 hanya karena masalah ini.

Mengatasi Color Contrast Ratio pada Audit Lighthouse

Tulisan kali ini adalah tentang cara mengatasi color contrast ratio yang gagal dalam audit dengan Lighthouse di Google Chrome. Pesan yang muncul jika gagal pada parameter ini adalah Background and foreground colors do not have a sufficient contrast ratio .

Script Lazy Load AdSense di Blogger

Penggunaan Script Lazy Load AdSense di Blogger ini dimaksudkan sebagai upaya untuk mempercepat loading blog, terutama jika dibuka dengan ponsel yang sebagian masih memakai jaringan 3G. Sebenarnya jika cakupan 4G sudah mencakup 100% area di seluruh pelosok tanah air, kebutuhan untuk lazy load mungkin tak sekrusial seperti sekarang ini.

Mengatasi Does not have a <meta name="viewport"> tag with width or initial-scale

Memperbaiki Does not have a <meta name="viewport"> tag with width or initial-scale akan menambah skor SEO pada audit laman situsweb dengan menggunakan Lighthouse di browser Chrome. Ini adalah audit pertama atau letaknya paling atas dari 13 macam audit dalam kelompok SEO di Lighthouse.

Cara Menambah [alt] attributes di Blogger Thumbnails

Oleh karena tidak semua template Blogger menyediakan fitur ini, maka penting mengetahui cara menambah [alt] attributes di Blogger thumbnails bagi perbaikan skor SEO di Lighthouse. Ya, atribut alt wajib ada bagi semua image di blog, baik di dalam tulisan maupun yang dipasang di dalam template blog.

Lazy Load Disqus Comments untuk Mempercepat Loading Blog

Memasang script lazy load Disqus Comments untuk mempercepat loading laman dapat memberi dampak positif yang sangat baik bagi SEO blog dan memperbaiki skor di Lighthouse. Oleh sebab itu saya sengaja meluangkan waktu untuk menemukan informasi tentang cara melakukannya di Blogger blog.

Lazy Load Embedded Youtube Video dengan Lazysizes

Lazy load embedded Youtube video dengan Lazysizes adalah salah satu cara yang efektif untuk meningkatkan kecepatan loading laman blog secara drastis dan sekaligus manaikkan skor SEO di Lighthouse. Sebelumnya saya pernah menulis tentang Defer Parsing Video Youtube untuk tujuan yang sama.

Mengatasi Image elements do not have [alt] attributes

Munculnya pesan Image elements do not have [alt] attributes akan mengurangi skor SEO pada audit website yang dilakukan dengan menggunakan Lighthouse pada Google Chrome DevTools. Tulisan ini memberi petunjuk tentang bagaimana cara mengatasinya untuk meningkatkan skor SEO website.

Cara Memperbaiki Kinerja Website dengan Lighthouse

Tips kali ini adalah berbagi pengalaman tentang cara memperbaiki kinerja website dengan Lighthouse , sebuah tools SEO yang tersedia secara gratis di browser Google Chrome. Sudah agak lama sebenarnya saya mengetahui tentang kegunaan tools ini, namun baru belakangan memakainya secara intensif.

Lazysizes Untuk Lazy Loading Image

Tulisan cara memasang Lazysizes lazy loading image untuk Blogger ini bisa bermanfaat buat skor SEO di Lighthouse terutama bagi pemilik blog yang menggunakan banyak foto atau image di tulisannya dan memakai platform Blogger atau blogspot. Lazysizes adalah salah satu script lazy loading image yang juga bisa dipakai di platform WordPress.