Postingan

Menampilkan postingan dengan label Lighthouse

Mengatasi Links Are Not Crawlable pada Jump Link

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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 &lt;meta name=&quot;viewport&quot;&gt; tag with width or initial-scale

Gambar
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. Meski letaknya mungkin tak sepenuhnya menggambarkan tingkat atau bobot kepentingannya, namun setiap audit harus diperbaiki untuk meningkatkan 'kepatuhan' laman dalam mengadopsi prinsip SEO. Cara lain dalam melihat elemen viewport ini adalah bahwa untuk memperbaikinya tidak sulit, dan karena itu lebih baik diletakkan di posisi paling atas. Ini yang disebut sebagai low hanging fruits, kerjakan dan selesaikan lebih dulu hal yang mudah sebelum mulai bekerja untuk menyelesaikan pekerjaan lain yang lebih sulit dan makan waktu lama untuk dikerjakan. Dengan meta tag viewport Anda bisa mengontrol lebar dan skala viewport sehingga ukurannya benar di semua perangkat. Banyak mesin pen...

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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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

Gambar
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.