Jumat, 04 Desember 2020

Menerapkan Optimasi SEO dengan Akurat

Setiap halaman yang diminta dari server web harus mengembalikan kode 200 (saya tidak akan mempertimbangkan kasus-kasus dengan kebutuhan pengalihan dengan kode 301 di sini) dan datang dalam bentuk dokumen html standar yang berisi teks dan konten media ini. halaman, serta link ke halaman lain dan, tentu saja, elemen yang diperlukan untuk pengoptimalan SEO, seperti sejumlah tag meta, header, dan sebagainya yang diperlukan. Daftar umum dari penyetelan SEO yang diperlukan dari sumber daya web mana pun cukup besar dan Anda dapat menulis artikel terpisah tentangnya dan lebih dari satu. Mari kita bahas tentang "rencana minimum" wajib, yang akan mencakup poin-poin berikut Setiap halaman sumber daya harus disertakan di blok <head> Tag judul meta (judul halaman) Tag deskripsi meta (deskripsi halaman) Kata kunci meta-tag (daftar frase kunci)

Setiap gambar yang ada di halaman sebagai elemen html <img> harus memiliki atribut alt yang menjelaskan konten gambar ini. Dan tentu saja, situs tidak boleh memiliki tautan rusak yang mengembalikan kode kesalahan 404 (atau lainnya) dari server web atau konten kosong apa pun, bukan yang diharapkan. Dan di sini kita ingat lagi bahwa kita memiliki SPA (Aplikasi Halaman Tunggal) dan hanya bagian kosong dari markup dokumen html yang berasal dari backend, yang mencakup informasi manual link service 80 untuk memuat kode js dan css, yang, setelah memuat dan menjalankan, akan menarik konten halaman yang diminta kepada kita. Di sini kita akan mulai menari dengan rebana. Sebelum memulai, saya ingin mencatat secara terpisah bahwa pada saat saya bergabung dengan proyek, sebagian sudah ditulis dengan fungsionalitas minimal.

Tentu saja saya ingin menerapkan optimasi SEO dengan dampak minimal pada arsitektur aplikasi secara keseluruhan. Pemilihan dan implementasi solusi Apa yang harus dilakukan jika Anda sudah memiliki SPA yang sudah jadi, atau hanya pendekatan arsitektural yang dipoles, yang akan dianggap sebagai penistaan ​​demi SEO. Implementasi pre-rendering sebagai langkah terakhir dalam membangun manual link service 93 aplikasi. Pra-rendering adalah proses mengeksekusi js-code setelah perakitan utamanya dan menyimpan salinan html yang dihasilkan dari halaman yang dirender, yang kemudian akan dikirim dari server web atas permintaan yang sesuai. Untuk mengimplementasikan kasus ini, ada sejumlah solusi dan alat siap pakai dengan berbagai batasan, cocok untuk tumpukan teknologi frontend yang berbeda dan dengan tingkat kompleksitas implementasi yang berbeda.

Tentu saja, ada solusi seperti Next.Js dan sejenisnya (serta cara lain untuk mengimplementasikan SSR yang sama). Dan saya tidak bisa tidak menyebutkan ini. Tetapi setelah mempelajarinya, saya sampai pada kesimpulan bahwa manual link service 72 mereka memperkenalkan sejumlah batasan (atau komplikasi) dalam proses konfigurasi perakitan utama dan memiliki efek yang sangat nyata pada arsitektur aplikasi. Selain itu, ada layanan pra-rendering eksternal pihak ketiga, tetapi untuk ekosistem bank tertutup, alat eksternal tambahan akan sangat tidak diinginkan (dan sekali lagi, mengapa mengalihkan area tanggung jawab ke alat eksternal jika Anda dapat jasa backlink murah mengimplementasikan fungsinya dalam proyek). Setelah analisis, saya sampai pada alat yang paling sesuai bagi kami untuk mencakup kasus yang dijelaskan, yang mengimplementasikan bagian melalui halaman SPA di React (dan tidak hanya) dan pembuatan salinan html halaman.

Tidak ada komentar:

Posting Komentar

Panduan Praktis Menjaga Reputasi Digital Anda

Dengan menanggapi komentar, Anda akan memperkuat citra Anda karena itu menunjukkan bahwa Anda responsif, penuh perhatian, dan profesional. D...