pengembangan-web-mp-pd.com

Bagaimana cara membuat SEO SEO merangkak?

Saya telah bekerja tentang cara membuat SPA yang dapat dijelajahi oleh google berdasarkan pada google instructions . Meskipun ada beberapa penjelasan umum, saya tidak dapat menemukan di mana pun tutorial langkah-demi-langkah yang lebih menyeluruh dengan contoh-contoh aktual. Setelah menyelesaikan ini saya ingin membagikan solusi saya sehingga orang lain juga dapat memanfaatkannya dan mungkin memperbaikinya lebih lanjut. 
Saya menggunakan MVC dengan pengontrol Webapi, dan Phantomjs di sisi server, dan Durandal di sisi klien dengan Push-state diaktifkan; Saya juga menggunakan Breezejs untuk interaksi data client-server, yang semuanya sangat saya rekomendasikan, tetapi saya akan mencoba memberikan penjelasan yang cukup umum yang juga akan membantu orang menggunakan platform lain.

142
beamish

Google sekarang dapat merender halaman SPA: Mengabaikan skema perayapan AJAX kami

32
Edward Olamisan

Berikut ini tautan ke rekaman screencast dari kelas Pelatihan Ember.js yang saya selenggarakan di London pada 14 Agustus. Ini menguraikan strategi untuk aplikasi sisi klien Anda dan untuk aplikasi sisi server Anda, serta memberikan demonstrasi langsung tentang bagaimana penerapan fitur-fitur ini akan memberikan JavaScript Single-Page-App Anda degradasi anggun bahkan untuk pengguna dengan JavaScript dimatikan . 

Ini menggunakan PhantomJS untuk membantu merayapi situs web Anda. 

Singkatnya, langkah-langkah yang diperlukan adalah: 

  • Memiliki versi host aplikasi web yang ingin Anda jelajahi, situs ini harus memiliki SEMUA data yang Anda miliki dalam produksi
  • Tulis aplikasi JavaScript (Skrip PhantomJS) untuk memuat situs web Anda
  • Tambahkan index.html (atau “/“) ke daftar URL yang akan dirayapi
    • Pop URL pertama yang ditambahkan ke daftar crawl
    • Muat halaman dan render DOM-nya 
    • Temukan tautan apa pun di laman yang dimuat yang menaut ke situs Anda sendiri (pemfilteran URL)
    • Tambahkan tautan ini ke daftar URL "crawlable", jika belum dirayapi
    • Simpan DOM yang diberikan ke file pada sistem file, tetapi hapus SEMUA tag-skrip terlebih dahulu
    • Pada akhirnya, buat file Sitemap.xml dengan URL yang dirayapi

Setelah langkah ini selesai, terserah backend Anda untuk menyajikan versi statis HTML Anda sebagai bagian dari noscript-tag pada halaman tersebut. Ini akan memungkinkan Google dan mesin pencari lainnya untuk merayapi setiap halaman di situs web Anda, meskipun aplikasi Anda pada awalnya adalah aplikasi satu halaman. 

Tautkan ke screencast dengan detail lengkap: 

http://www.devcasts.io/p/spas-phantomjs-and-seo/#

4
Joachim H. Skeie

Anda dapat menggunakan http://sparender.com/ yang memungkinkan Aplikasi Halaman Tunggal dirayapi dengan benar.

0
ddtxra

Anda dapat menggunakan atau membuat layanan Anda sendiri untuk prerender SPA Anda dengan layanan yang disebut prerender. Anda dapat memeriksanya di situs webnya prerender.io dan pada proyek github-nya (Menggunakan PhantomJS dan merender situs web Anda untuk Anda). 

Sangat mudah untuk memulai. Anda hanya perlu mengarahkan permintaan crawler ke layanan dan mereka akan menerima html yang diberikan.

0
gabrielperales