Panduan Definitif untuk SEO WordPress

Redirect subdomain — dengan atau tanpa www?

Kami mulai dengan rekomendasi bagi mereka yang akan menginstal WordPress: sebelum menginstal, putuskan versi domain mana yang Anda sukai, dengan www atau tanpanya, karena ketika Anda meluncurkan aplikasi instalasi WordPress — misalnya di CPANEL — itu memberi Anda opsi untuk melakukan seluruh instalasi di bawah opsi pilihan Anda, sehingga versi yang tidak Anda pilih kemudian di-redirect.

Jika Anda telah melewatkan langkah ini, Anda harus bekerja dengan file htaccess. Ada plugin seperti WP HTACCESS EDITOR yang membuat pengeditan file lebih mudah, tetapi saya merekomendasikan jika Anda tidak yakin tentang apa yang Anda lakukan, mintalah bantuan, karena file ini fundamental agar situs web berfungsi.

Jika Anda masih memutuskan untuk bekerja dengan opsi ini, ini adalah kode yang harus Anda tambahkan.

Redirect domain tanpa www ke dengan www

RewriteEngine On

RewriteCond %{HTTP_HOST} ^yourdomain.com [NC]

RewriteRule ^(.)$ http://www.yourdomain.com/$1 [L,R=301]*

Redirect domain dengan www ke tanpa www

RewriteEngine on RewriteCond %{HTTP_HOST} ^www.yourdomain.com RewriteRule ^(.*)$ http://yourdomain.com/$1 [R=301,L] Meski begitu, saya ingin menekankan kembali bahwa mengedit file htaccess adalah sesuatu yang harus Anda pahami dengan sangat jelas, jadi jika Anda akan mengeditnya, buat backup terlebih dahulu.

Menginstal WordPress: langkah pertama dalam optimasi

Pertama-tama, Anda harus memahami cara kerja Google dan bahwa setiap tindakan yang Anda ambil harus — sebanyak mungkin — mempermudah pekerjaan Googlebot ketika mengunjungi situs kami.

Mengapa saya mengatakan ini?

Karena poin ini adalah salah satu kesalahan paling umum yang dilakukan oleh pengguna — tidak hanya WordPress, tetapi setiap desainer web atau webmaster.

Jika konten Anda belum selesai, jangan biarkan Googlebot mengaksesnya, karena Anda akan memperlambat proses pemeringkatan URL Anda.

Jadi jika saya harus merekomendasikan sesuatu sebelum memulai, itu adalah "discourage search engines from indexing my content."

Indexing WordPress: Kapan saya harus mengindeks situs saya?

Saat melakukan instalasi kami memiliki opsi untuk memblokir akses dari mesin pencari di layar pengaturan. Tetapi jika kami telah melewatkan langkah ini, kami dapat melakukannya dari Pengaturan > Membaca.

Opsi untuk memblokir akses robot

"Larangan" ini juga dapat dilakukan dari file Robots.txt yang populer. Jika Anda adalah pengguna dengan lebih banyak pengalaman dalam pengembangan web, melalui akun FTP yang telah dibuat atau disediakan oleh penyedia hosting Anda, Anda akan dapat menambahkan file ini ke jalur utama tempat situs Anda dihosting.

File Robots.txt dapat dibuat dengan sederhana dengan Notepad (Windows) atau TextEdit (Mac), tetapi ingat bahwa itu harus berupa file teks; di mana kami akan menambahkan dua baris ini:

*User-agent: **

Disallow: / Dalam daftar ini kami dapat melihat Crawler Google (User-Agent) yang paling populer

Berbagai user agent Google

Dalam kode kami, jika kami menunjukkan User-agent: * kami mengatakan bahwa kami merujuk ke semua bot — tidak ada satupun yang akan dapat mengakses situs web kami. Kami juga dapat merujuk ke satu Bot (Googlebot, Googlebot-Video, dll.) tetapi pada titik ini saya tidak merekomendasikannya. Jadi, semua diblokir.

Struktur URL dan URL ramah

Setelah kami memperjelas apa domain pilihan kami dan memblokir akses ke robot, kami akan beralih ke struktur URL.

Ini adalah langkah yang harus dilakukan sebelum crawling dan indexing, karena jika tidak kami harus masuk ke dunia redirect dan itu tidak ideal.

WordPress menyediakan secara default opsi sehingga Anda dapat memilih yang akan paling baik menstruktur konten situs Anda. Pilihan ini tergantung pada proyek dan setiap orang; semua opsi layak jika proyek memerlukannya.

Biarkan saya menjelaskan:

Setelah berada di dasbor WordPress kami akan pergi ke Pengaturan > Permalink

Dan kami akan menemukan layar ini:

Struktur URL dengan permalink

Seperti yang saya katakan di atas, pilihan tergantung pada setiap orang, tetapi jika kami berbicara tentang SEO, lebih disukai bekerja dengan format URL yang lebih ramah.

Apa itu URL ramah?

Kami menyebut URL ramah URL yang dapat dimengerti oleh pengguna dan memberikan, dalam sekejap, interpretasi semantik dari konten URL.

• ›URL ramah: /blog/
• ›URL tidak ramah atau dinamis:* https://seocrawl.com/?ref=13535?sfas*

URL pertama memberi Anda informasi tentang konten yang akan Anda temukan, yang kedua tidak, tetapi ini tidak berarti Amazon melakukan hal-hal yang salah — sebaliknya, ia menggunakan parameter kontrol yang berbeda untuk secara internal mengidentifikasi URL-nya.

Perlu diingat bahwa dengan jutaan produk dan kategori, angka membuat kontrol lebih mudah bagi mereka.

Setelah klarifikasi ini dibuat dan melihat opsi, kami memiliki 3 jenis URL:

• ›Dengan tanggal
• ›Dengan nama entri atau posting
• ›Dapat disesuaikan melalui variabel.

Permalink di WordPress

URL dengan Tanggal

Banyak konsultan SEO menolak URL ini, terutama karena memberikan tanggal pembuatan entri, tetapi jenis URL ini sangat berguna ketika Anda memiliki volume konten yang besar.

Misalnya, kasus media berita. Jika Anda melihat semua URL mereka, mereka memiliki tanggal. Untuk outlet berita, memiliki struktur logis untuk dapat menyimpan URL-nya di arsip adalah esensial, dan itu juga merupakan pengidentifikasi yang berguna untuk mengetahui kapan sebuah cerita diterbitkan.

• ›https://elpais.com/tecnologia/2019/11/25/actualidad/1574676898_992149.html

El País menggunakan jenis URL campuran, karena memiliki informasi semantik seperti nama kategori, tanggal dan subkategori, dan diakhiri dengan pengidentifikasi berita.

Surat kabar lain, selain pengidentifikasi berita, juga menyertakan istilah dari headline berita di URL.

• ›https://www.levante-emv.com/sucesos/2019/12/12/marta-calvo-asesino-serie-valencia/1955157.html

Saat bekerja dengan sintaks URL, ada opsi yang sangat menarik yang sering disaring: stop word.

Stop word adalah istilah yang ingin kami hindari saat membuat URL baru. Tindakan ini dilakukan melalui pemrograman — dalam kasus WordPress kami, melalui PHP.

Contoh stop word adalah: artikel, kata ganti, angka, dll.

Rank Math memiliki opsi yang memungkinkan Anda menghindari jenis istilah ini.

Menghapus stop word saat membuat URL

URL dengan nama entri atau halaman

Opsi sederhana dan banyak digunakan. URL kami akan dibentuk dengan nama entri atau dengan slug yang telah dimodifikasi.

Slug atau permalink dapat diedit dalam entri, jadi jika kami tidak ingin opsi otomatis yang diberikan WordPress, kami akan secara manual memodifikasi URL (hanya entri, bukan domain).

URL kustom menggunakan variabel

Seperti yang Anda lihat, variabel berbeda berperan di sini untuk membangun URL sesuai keinginan kami.

Variabel akan memberikan lebih banyak informasi kepada pengguna. Jika Anda ingin menstruktur konten Anda dengan cara yang memerlukan menambahkan beberapa variabel, pilih opsi ini.

Saya akan memberi Anda contoh: kami ingin menunjukkan dalam URL kami kategori, tahun, nama posting dan pengidentifikasi.

https://seocrawl.com/%category%/%year%/%postname%/%post_id%/

Arsitektur Informasi: kategori, halaman induk dan tag

Kami perlu memahami semua kemungkinan yang diberikan WordPress kepada kami untuk bekerja dengan konten sebelum memulai dengan Arsitektur Informasi.

Seperti yang mungkin Anda sudah tahu, WordPress memiliki keunikannya dan meskipun posting dan halaman mungkin terlihat sama di permukaan, fungsi dan plugin memang membedakannya.

Penataan konten adalah bagian fundamental dari SEO untuk bekerja pada penghubungan dan menghubungkan konten serupa — apa yang dikenal sebagai content cluster.

Untuk ini kami dapat bekerja dengan:

• ›Kategori
• ›Tag
• ›Entri (Posting)
• ›Halaman
• ›Subhalaman

Kategori, Tag dan Entri (Posting)

Ada dua cara untuk secara otomatis mengelompokkan entri di WordPress: dengan kategori dan dengan tag.

Kapan kami menggunakan kategori dan kapan kami menggunakan tag?

Memahami bahwa Kategori dan Tag membantu kami dengan pengelompokan konten, keputusan untuk menggunakannya harus selalu tunduk pada jumlah konten yang akan kami hasilkan karena jika tidak kami mungkin menduplikasi konten.

Baik kategori maupun tag akan membantu kami dengan internal linking dan dengan crawling Google semua konten kami, tetapi seperti yang telah kami katakan, Anda perlu tahu cara menggunakannya.

Saran saya adalah menggunakan kategori ketika kami akan membuat konten secara teratur dalam tema situs kami.

Kami akan menggunakan tag jika dalam topik tertentu ada sejumlah besar konten yang memiliki sesuatu yang sama.

Saya akan memberi Anda contoh:

Olahraga akan menjadi kategori, tetapi Cristiano Ronaldo dapat menjadi Tag — meski begitu, Anda harus bertanya pada diri sendiri: berapa banyak cerita yang akan saya hasilkan tentang Cristiano Ronaldo?

Jika kami tidak akan menghasilkan cukup konten agar pengelompokan halaman kami benar-benar berbeda satu sama lain, kami memiliki dua opsi: tidak membuat kategori/tag atau tidak mengindeksnya.

Saat kami bekerja dengan kategori dan tag, ada add-on lain yang akan membantu konten kami terkait dengan konten serupa.

Breadcrumb atau Jalur Navigasi

WordPress membangun jalur navigasi melalui konten terstruktur Kategori dan Posting, jadi jika kami ingin menggunakan breadcrumb untuk memastikan konten kami terhubung dengan baik, kami harus memilih jenis arsitektur ini.

Jadi posting kami akan terlihat seperti ini:

• ›URL : sitename.com/category/category-name/post-name
• ›Breadcrumb: Beranda > Nama Kategori > Nama Posting

Ada plugin untuk menambahkan breadcrumb tetapi semuanya menarik dari struktur DB yang kami miliki di WordPress kami; sampai hari ini saya tidak tahu plugin yang memberi Anda fleksibilitas dalam definisinya.

Seperti yang akan Anda perhatikan, URL posting dengan kategori memperkenalkan istilah CATEGORY.

Ini datang stock dengan WordPress, artinya Anda akan menemukannya di setiap WordPress, dan opsi yang diberikan kepada Anda di permalink hanya memungkinkan Anda mengubah satu nama untuk yang lain (kategori untuk istilah lain).

Kami memiliki beberapa opsi untuk menyelesaikan ini — sekali lagi Rank Math memberi kami opsi:

Dan ada juga plugin yang membantu Anda menghilangkan istilah ini dan meninggalkan URL yang lebih bersih.

Plugin untuk menghapus Category dari URL WordPress

Halaman Induk dan Subhalaman

Kembali ke struktur konten, ada satu cara bekerja yang saya sukai, dan itu adalah dengan halaman dan subhalaman. Saya biasanya menggunakan jenis struktur ini untuk Landing Page layanan atau halaman Hub.

Perbedaannya terutama dalam fleksibilitas desain yang diberikan halaman kepada Anda dan kategori tidak. Baik kategori maupun posting didikte oleh Tema atau template WordPress, tetapi halaman dapat dirancang sesuai keinginan Anda dengan bantuan Page Builders (plugin atau add-on untuk menyesuaikan situs menggunakan blok).

Kapan kami harus menggunakan halaman dan subhalaman?

Contoh paling jelas yang terlintas dalam pikiran adalah ketika kami memiliki layanan umum dan beberapa layanan yang lebih spesifik. Kami akan membuat halaman untuk layanan generik dan subhalaman untuk layanan spesifik.

• ›Landing Page Generik: Desain
• ›Landing Page Spesifik: Desain Web, Desain Grafis, Desain Produk, Desain Industri...

Contoh URL:

sitename.com/design/web/

sitename.com/design/graphic/

sitename.com/design/product/

Breadcrumb: Beranda > Desain > Desain Web

Untuk melakukan ini, dari editor artikel (posting atau entri) kami perlu mengaktifkan panel Atribut Halaman, yang ditemukan di bagian atas.

Sekarang, di sisi kanan halaman kami, modul dengan atribut halaman akan ditambahkan.

Dengan memilih salah satu halaman yang ada, halaman saat ini akan tergantung pada yang dipilih, menjadikannya subhalaman dari itu.

Plugin SEO untuk WordPress: Rank Math, Yoast...

Setelah kami memperjelas struktur URL kami dan bagian dari arsitektur informasi, saya ingin memasukkan pada titik ini instalasi Plugin SEO (Rank Math, Yoast, All In One SEO...). Saat ini plugin ini membuat hidup Anda lebih mudah dalam hal SEO, karena mereka memiliki alat esensial untuk bekerja pada SEO dalam konten Anda.

Setelah plugin ini diinstal, saatnya menambahkan kode pelacakan dan verifikasi dari situs web yang ingin kami lacak. Sebagai alat analitik, tidak ada alat yang lebih baik daripada Google Analytics dan Search Console.

Kode pelacakan atau kode Google Analytics

Seperti yang akan Anda lihat di WordPress — jika Anda belum melakukannya — selalu ada beberapa cara untuk melakukan proses.

Untuk memasukkan kode pelacakan Analytics atau ID pelacakan kami dapat melakukannya melalui kode di HTML halaman itu sendiri, melalui template yang biasanya menyediakan ruang untuk memasukkan kode di Header, atau dengan plugin.

Jika Anda tidak tahu cara mendapatkan ID pelacakan Analytics, dari halaman dukungan Google mereka menunjukkan cara https://support.google.com/sites/answer/97459?hl=en

Google memiliki plugin sendiri untuk WordPress (Site Kit Google), di mana kami dapat memiliki bagian analitik lengkap.

Kami juga memiliki opsi sederhana untuk menambahkan kode pelacakan Google Analytics.

Saat ini desainer sudah mempertimbangkan kebutuhan webmaster ini dan menawarkan, dalam konfigurasi template, kotak untuk memasukkan kode di header.

Memverifikasi WordPress kami di Search Console

Ada berbagai cara untuk memverifikasi domain di Search Console, saya akan memberi tahu Anda tentang 2: satu dengan file verifikasi Google dan satu lagi dengan plugin SEO yang akan kami kerjakan.

• ›File verifikasi Google Search Console.
• ›Dengan kode verifikasi properti

Untuk verifikasi yang mudah kami dapat menggunakan Rank Math lagi.

Di field pertama kami dapat langsung memasukkan ID yang kami temukan di bagian verifikasi Search Console (jika kami mengklik teks di kotak, itu membawa kami langsung ke URL yang memberi kami informasi itu).

Kemudian kami hanya perlu menambahkan ID yang ditandai merah di bawah.

<meta name="google-site-verification" content="example code" />

Cara membuat Sitemap di WordPress

Poin lain yang menghasilkan kontroversi di sektor SEO adalah sitemaps. File ini dulu penting agar Google dapat mengakses semua URL kami.

Memang benar bahwa hal-hal telah berubah dan Google tidak memerlukan file untuk sepenuhnya meng-crawl situs Anda. Tetapi sama-sama benar bahwa dengan Search Console dan sitemap Anda akan memiliki informasi tambahan yang dapat membantu Anda menyelesaikan masalah URL di masa depan.

Ada banyak cara untuk membuat Sitemap, tetapi idealnya itu adalah file dinamis yang diperbarui dengan entri atau halaman baru.

Apakah kami menggunakan Yoast atau Rank Math atau jenis plugin SEO lainnya, untuk mengakses fungsi ini kami hanya perlu menunjukkannya.

Untuk menjelaskannya saya akan menggunakan alat yang disediakan oleh Rank Math dan kami akan pergi ke opsi Pengaturan Sitemap.

Contoh konfigurasi sitemap di Rank Math

Seperti yang kami lihat dalam gambar, kami dapat menyesuaikan opsi yang berbeda tentang jenis URL yang akan kami kerjakan.

• ›Tautan per sitemap: 1000 (kami meninggalkan opsi yang telah ditentukan, ini mengacu pada jumlah URL yang kami inginkan dalam file kami)
• ›Gambar dalam sitemap: Saya merekomendasikan mengaktifkan opsi ini jika gambar Anda asli dan memberikan informasi pada artikel.

Bagaimanapun, jika Anda menggunakan gambar dalam konten Anda, Google akan meng-crawl mereka dengan mudah.

Dua kotak pertama dari bagian konfigurasi ini adalah untuk mengecualikan entri atau halaman yang tidak ingin Anda tambahkan ke sitemap.

Ini dilakukan melalui pengidentifikasi dan kami dapat menemukannya sebagai berikut.

Ketika kami pergi ke bagian entri atau halaman, jika kami mengarahkan kursor ke entri tanpa mengklik, URL akan muncul di bagian bawah.

Jika kami melihat di bagian bawah, di kotak merah, kami melihat post=5745 — angka adalah pengidentifikasi yang harus kami gunakan untuk mencegah halaman ini muncul di sitemap.

Opsi berikutnya adalah dengan Taksonomi, yaitu, melakukan hal yang sama dengan TAG dan Kategori.

Opsi Rank Math terbatas dan datang yang telah ditentukan untuk menghasilkan 5 jenis sitemap (entri, halaman, media, kategori dan tag)

Terserah Anda untuk memutuskan sitemap mana yang tidak Anda inginkan — saran saya adalah Anda tidak membuat sitemap URL yang tidak ingin Anda lihat oleh Google (noindex atau diblokir oleh robot).

Setelah bagian awal ini selesai, kami akan beralih ke bagian konten dan menjelaskan faktor apa yang harus Anda waspadai, dan bagaimana WordPress bekerja untuk optimasi konten.

Mengoptimalkan Konten untuk WordPress

Saat kami mulai mengoptimalkan halaman atau entri, kami harus tahu apa yang harus kami pertimbangkan.

Tag paling penting dalam optimasi konten adalah:

• ›Title <title> dalam HTML
• ›Description <meta name="description" content=" descriptive text" >
• ›Hierarki Heading <h1, h2, h3, h4… >
• ›Tag ALT <img src="image url" alt="image description">

Optimasi kecepatan halaman WordPress (WPO)

Sekarang mari kita serius — ini adalah bagian yang benar-benar memberi setiap webmaster sakit kepala karena banyak variabel mempengaruhi loading. Kami memiliki alat berbeda untuk mengukur kecepatan loading — saya akan memberi tahu Anda tentang yang saya gunakan dan bagaimana saya menggunakannya.

Konsep dasar

Analisis WPO (Web Performance Optimization) dilakukan untuk meningkatkan loading situs Anda. Alat yang digunakan tidak 100% akurat dan setiap pengguna dapat mendapatkan waktu loading yang berbeda untuk situs.

Itulah sebabnya, ketika kami mengoptimalkan situs, tujuan kami bukanlah mendapatkan skor maksimum yang mungkin di alat audit yang digunakan, tetapi meningkatkan aspek tertentu sehingga, terlepas dari pengguna, mereka akan melihat peningkatan dalam loading situs kami.

Saat kami bekerja pada WPO, yang kami coba optimalkan adalah apa yang ada dalam jangkauan kami:

• ›Request: Permintaan yang dibuat oleh sumber daya ke asal (server kami atau server eksternal lainnya)
• ›Total Page Size: Ukuran sumber daya yang dimuat halaman.
• ›Fully Loaded Time: Total waktu loading halaman.

Aspek lain seperti respons server, meskipun kami dapat bekerja untuk memperbaikinya, tidak begitu mudah diakses oleh kami.

Gtmetrix dan Lighthouse

Kami akan mengambil pendekatan dengan dua alat yang dapat diakses dan gratis — well, Gtmetrix memiliki versi berbayar tetapi fitur versi gratis cukup untuk kami.

Untuk penjelasan saya akan menggunakan situs yang saya miliki di mana saya telah menonaktifkan plugin yang membantu saya dengan optimasi.

Saya harus menggunakan versi cache baru karena alat membaca versi cache lama (dengan plugin yang diaktifkan) dan itu memberi saya hasil optimasi yang baik, yang untuk contoh saya bukanlah yang saya inginkan.

Ingat, jika Anda menginginkan versi cache baru, tambahkan ? pada URL Anda diikuti oleh karakter jenis apa pun, misalnya url?version1

Seperti yang kami katakan sebelumnya, request adalah salah satu faktor dasar yang harus kami kerjakan. Untuk melakukan ini, kami akan menganalisis apa yang dikenal sebagai Waterfall atau cascade waktu eksekusi.

Waterfall

Seperti yang kami lihat dalam cascade ini kami memiliki 87 request yang dibuat. Masing-masing request ini memiliki nama, status, lokasi dan ukuran.

Bagaimana kami mulai bekerja?

Gambar

Jika kami melihat alat analisis WPO apa pun di situs yang tidak dioptimalkan, kami akan melihat bahwa mereka merekomendasikan 4 jenis tindakan untuk diambil pada sumber daya gambar.

Kurangi resolusinya

Ada jutaan alat untuk digunakan, baik online maupun untuk PC atau MAC. Saya suka melakukan semuanya dengan Photoshop, tetapi tentu saja semuanya tergantung pada jumlah gambar yang harus Anda optimalkan. Sebagai alat online Anda dapat menggunakan Kraken.io tetapi seperti yang saya katakan sebelumnya, saya tetap dengan Photoshop karena dapat melakukan optimasi yang lebih tepat.

Sajikan gambar pada ukuran baca maksimum

Ini adalah kesalahan yang sangat umum. Menggunakan situs foto stok, mengunduh gambar 2800 x 1600 dan menggunakannya di situs kami pada resolusi 900 x 400.

Rekomendasi saya adalah Anda menggunakan inspektor dengan ukuran maksimum halaman dan melihat ukuran yang sedang digunakan.

Kami melihat bagaimana inspektor memberi tahu kami ukuran maksimum yang digunakan dalam gambar blog kami — itu seharusnya menjadi ukuran gambar kami.

Gunakan format generasi berikutnya atau format dengan kompresi yang baik

Jika Anda tidak ingin terlalu mempersulit hidup Anda dengan format seperti webp (dikembangkan oleh Google tetapi belum didukung oleh 100% browser), gunakan JPEG dan hindari PNG kecuali Anda memerlukan saluran transparan.

Gunakan fungsi lazy loading

Lazy load atau loading yang ditangguhkan adalah salah satu fitur paling menarik untuk mencegah elemen seperti gambar atau video dimuat pada awalnya. Yang dilakukannya adalah menangguhkan pemuatan gambar pada saat pertama.

Pikirkan tentang gambar yang kami miliki di bagian bawah halaman kami — mengapa kami ingin memuatnya jika pengguna belum mencapainya?

Plugin untuk optimasi gambar

Meskipun secara pribadi saya bukan penggemar besar jenis plugin ini, saya akan merekomendasikan beberapa yang dapat menyelesaikan masalah optimasi jika Anda menemukan situs dengan banyak gambar.

• ›Imagify
• ›EWWW Image Optimizer
• ›WP Smush

Minify dan Combine CSS, HTML dan JavaScript

Tindakan minifying bertujuan mengurangi bobot sumber daya ini — semakin sedikit bobot yang harus dimuat halaman, semakin cepat loading itu.

Meskipun tampak seperti tindakan dasar (karena semua orang merekomendasikannya), itu bukanlah tindakan yang akan memberikan hasil besar.

Di sisi lain, tindakan menggabungkan akan lebih berguna, tetapi lebih halus.

Apa yang ideal?

Yang ideal adalah memiliki file kecil dengan fungsi JS atau gaya CSS yang benar-benar digunakan dalam HTML itu, namun setiap desainer dan setiap programmer memutuskan apa yang harus diletakkan di CSS dan JS mereka. Lihat contoh situs saya sebelum mengoptimalkan. Yah, saya berbohong karena meskipun saya telah menonaktifkan plugin, saya masih memiliki file yang diminifikasi.

29 request hanya untuk JavaScript. Ini mengejutkan tetapi perlu diingat bahwa ketika Anda melakukan sesuatu seperti menyematkan video Youtube, Anda memuat sumber daya JS (Javascript), jadi jika Anda memiliki beberapa video, semuanya berlipat ganda.

Dan sekarang saya akan menunjukkan kepada Anda loading sumber daya setelah dioptimalkan.

Sekarang kami hanya memiliki 4 JS. Ini karena fungsi combine.

Dengan CSS hal yang sama terjadi — kami melihat sebelumnya:

Dan setelah:

Pengurangan request tidak hanya karena menggabungkan CSS dan JS — kami juga telah berhenti memuat sumber daya tertentu yang tidak diperlukan, seperti Wp-emoji-release.js yang tipikal (emoji di WordPress).

Apa yang tersisa untuk kami lakukan?

Yah, untuk terus mengoptimalkan kami harus menyerang JS secara individual dan melihat apakah loading yang ditangguhkan atau asynchronous dapat dilakukan.

• ›JS Async: Sumber daya diunduh tanpa menghentikan loading HTML tetapi setelah diunduh itu memang menghentikan loading untuk mengeksekusi JS.
• ›JS defer: Sumber daya juga diunduh secara paralel dengan loading HTML tetapi dieksekusi pada akhir loading — tidak ada pemblokiran oleh skrip.

Harus jelas bahwa atribut ini untuk JS eksternal dan bukan untuk yang dieksekusi INLINE (dalam HTML yang sama).

Optimasi Cache

Tanpa diragukan salah satu bagian paling penting dari optimasi kecepatan loading, tetapi kami harus mempertimbangkan bahwa agar ini berguna, pengguna harus telah memasuki situs kami sebelumnya dan mengunduh sumber daya yang dibutuhkan browser.

Yaitu, optimasi cache penting, tetapi mungkin tidak transenden jika "pengguna itu" tidak mengunjungi situs kami lagi.

Optimasi cache adalah salah satu bagian yang paling dihargai oleh semua alat audit loading. Di bawah ini saya akan menjelaskan bagian yang harus dipertimbangkan.

Apa yang dilakukan plugin cache?

Yang dilakukan plugin cache adalah membuat salinan dari berbagai bagian situs yang diproses (halaman, objek, kueri DB) untuk kemudian melayani mereka dan menghemat waktu menunggu saat membuat permintaan ke server.

• ›Masa pakai atau usia cache maksimum sebelum di-cache lagi: faktor ini sangat tergantung pada jenis situs yang Anda miliki — jika konten Anda tidak sering berubah Anda dapat menggunakan durasi yang lebih lama, jika situs Anda diperbarui sering atau beberapa kali sehari, perpendek durasi itu.

Jika kami telah melakukan operasi ini dengan plugin cache apa pun di pasar yang akan kami lihat sebentar lagi, kami dapat memeriksa dari alat pengembang Chrome bagaimana kami telah bekerja pada fungsi ini:

Kami memiliki beberapa metode caching:

• ›Last-Modified
• ›ETag (Entity Tag)
• ›Expires
• ›Max-age

Mari muat situs kami dengan alat pengembang Chrome terbuka dan pilih opsi Network — sekarang kami dapat melihat semua request sumber daya yang dibuat browser kami. Dengan mengklik salah satu sumber daya ini dan memilih opsi Headers, kami akan dapat melihat respons header file ini dan apakah kami memiliki caching yang diaktifkan dan metode mana yang digunakan.

Di SEO Alive, kami melihat bahwa itu melalui MAX-AGE. Pada bagian ini, kami juga melihat apakah kompresi GZIP dilakukan dari server.

• ›Cache untuk pengguna yang masuk: fungsi ini penting agar tidak melayani halaman yang di-cache kepada pengguna yang masuk jika mereka akan memperbarui WordPress, karena jika tidak mereka tidak akan melihat perubahan yang mereka buat.
• ›Cache mobile: banyak plugin memberikan opsi untuk menghasilkan "cache" yang berbeda untuk perangkat yang berbeda — saya merekomendasikannya jika versi mobile Anda disesuaikan dan bukan versi responsif.

Plugin untuk mengoptimalkan kecepatan loading di WordPress

Saya ingin menjelaskan bagian paling penting untuk melakukan optimasi sebelum kami masuk ke subjek plugin, karena di hampir semua plugin apa yang telah dijelaskan di atas adalah opsi aktivasi dan Andalah yang harus mempertimbangkan apakah akan mengaktifkannya atau tidak.

Itulah sebabnya saya lebih suka menjelaskannya agar Anda memahaminya, sebelum memberi tahu Anda plugin mana yang harus Anda lakukan tindakan ini. Ini adalah plugin paling populer untuk WordPress.

• ›WP Rocket
• ›W3 Total Cache
• ›WP Fastest Cache
• ›Autooptimize

Di semuanya, Anda memiliki opsi yang telah kami diskusikan di atas, meskipun mungkin untuk bekerja dengan JS mereka lebih terbatas dalam hal jenis loading.

Alat untuk mengukur kecepatan loading

Seperti yang dapat Anda bayangkan, ada banyak alat yang membantu kami mengetahui kecepatan loading sebuah situs.

Perlu diingat bahwa WordPress terdiri dari berbagai jenis halaman dan masing-masing akan merespons secara berbeda, jadi jika Anda harus melakukan audit WPO, lakukan dari:

• ›Beranda
• ›Kategori
• ›Halaman
• ›Entri

Penting juga bagi Anda untuk mengetahui bahwa Google Analytics memiliki metrik yang mengukur kecepatan situs dan jika Anda menarik metrik berdasarkan hari dalam seminggu atau bulan, itu bisa berguna untuk menarik kesimpulan.

Ini adalah alat paling populer untuk melakukan audit WPO:

• ›Google PageSpeed Insights
• ›GTmetrix
• ›Pingdom Tools

Data Terstruktur di WordPress

Jika Anda baru memulai dengan SEO Anda mungkin tidak mengenal konsep Web Semantik, tetapi hari ini sulit melakukan SEO tanpa memahami konsep ini.

Google bekerja hari demi hari untuk meningkatkan pembacaan dan interpretasi situs web, dan markup data melalui implementasi metadata semantik membuat pekerjaan ini lebih mudah.

Untuk ini kami memiliki plugin berbeda yang membantu kami menandai konten yang berbeda dari halaman situs kami.

Jika Anda telah menginstal Rank Math Anda memiliki daftar metadata untuk konten Anda melalui plugin, terlihat di tab Rich Snippet.

Kelemahan dari opsi ini adalah bahwa banyak kali sepotong konten dapat memiliki lebih dari satu markup data — misalnya:

Anda dapat menandai konten sebagai Blog Posting dan memiliki 3 video tanpa tanda dalam konten.

Jika Anda akrab dengan data terstruktur, Anda dapat menambahkan blok HTML dengan Gutenberg (editor blok WordPress) dan menambahkannya secara manual.

Google membuat alat tersedia bagi Anda untuk memvalidasi bahwa data terstruktur Anda diimplementasikan dengan benar.

Plugin yang direkomendasikan untuk meningkatkan SEO di WordPress

Untuk menutup artikel ini, saya ingin merekomendasikan beberapa plugin SEO untuk WordPress yang dapat membantu Anda meningkatkan situs Anda.

Daftar isi

Meskipun plugin ini dapat dengan mudah dibuat dengan HTML, opsi gaya dan desain yang disediakannya menjadikannya hal dasar untuk meningkatkan navigasi pengguna pada halaman.

Posting terkait

Saat ini banyak plugin memiliki opsi entri terkait, tetapi ingat bahwa jika Anda tidak memilikinya, opsi ini sangat penting agar konten Anda selalu terhubung satu sama lain.

Saya akan meninggalkan Anda dengan plugin ini yang telah banyak membantu saya dengan template tertentu.

AMP

Mengembangkan halaman dalam AMP bisa menjadi opsi yang baik karena berbagai alasan: kecepatan, usability... atau untuk bekerja pada pemosisian dalam carousel seperti carousel berita di versi mobile di mana jenis teknologi ini diutamakan.

Jadi saya akan meninggalkan Anda dengan plugin jika Anda ingin memiliki halaman Anda dalam AMP — meskipun ada banyak opsi yang tersedia.

Sitemap Video dan Google News

Meskipun banyak SEO tidak lagi menggunakan sitemap, saya selalu beralih kepadanya untuk memiliki kontrol yang lebih baik atas indexing konten saya. Di sini saya tinggalkan Anda dengan plugin untuk membuat sitemap video dan satu lagi untuk Google News.

Saya berharap artikel ini, di beberapa bagiannya, berguna dan menarik bagi Anda, dan tentu saja jika Anda memiliki pertanyaan yang dapat saya jawab, Anda memiliki komentar untuk menjangkau saya.