Cara Menggunakan JavaScript untuk Mengotomatiskan search engine optimization (Dengan Skrip)

Cara Menggunakan JavaScript untuk Mengotomatiskan search engine optimization (Dengan Skrip)

[ad_1]

Pemrograman dan otomatisasi adalah topik yang semakin populer di industri search engine optimization, dan memang seharusnya begitu.

Memanfaatkan cara baru untuk mengekstrak, mengubah, dan menganalisis information dalam skala besar dengan masukan manusia yang minimum bisa sangat berguna.

Meskipun kecepatan itu penting, salah satu manfaat utama menggunakan otomatisasi adalah bahwa hal itu mengurangi beban dari tugas yang berulang dan memberi kita lebih banyak waktu untuk menggunakan otak kita.

Baca terus untuk mempelajari beberapa manfaat menggunakan JavaScript untuk mengotomatiskan tugas-tugas search engine optimization, cara utama yang dapat Anda ambil untuk mulai menggunakannya, dan beberapa ide yang diharapkan dapat memicu rasa ingin tahu Anda.

Mengapa Belajar Otomatisasi Dengan JavaScript?

Banyak proyek otomatisasi yang fantastis di komunitas berasal dari profesional search engine optimization yang melakukan coding dengan Python termasuk Hamlet Batista, Ruth Everett, Charly Wargnier, Justin Briggs, Britney Muller, Koray Tu?berk GÜBÜR, dan banyak lagi.

Namun, Python hanyalah salah satu dari banyak alat yang dapat Anda gunakan untuk otomatisasi. Ada beberapa bahasa pemrograman yang dapat berguna untuk search engine optimization seperti R, SQL, dan JavaScript.

Iklan

Lanjutkan Membaca Di Bawah

Di luar kemampuan otomatisasi yang akan Anda pelajari di bagian selanjutnya, ada manfaat yang jelas dari mempelajari JavaScript untuk search engine optimization. Berikut ini beberapa di antaranya:

1. Untuk Meningkatkan Pengetahuan Anda dalam Mengaudit JavaScript di Situs Internet

Terlepas dari apakah Anda berurusan dengan aplikasi internet yang dibuat dengan kerangka kerja populer (mis., Angular, Vue), kemungkinan besar situs internet Anda menggunakan pustaka JavaScript seperti React, jQuery, atau Bootstrap.

(Dan bahkan mungkin beberapa kode JavaScript khusus untuk tujuan tertentu.)

Belajar mengotomatiskan tugas dengan JavaScript akan membantu Anda membangun dasar yang lebih kuat untuk membedah bagaimana JavaScript atau implementasinya dapat memengaruhi kinerja organik situs Anda.

2. Untuk Memahami dan Menggunakan Teknologi Baru yang Menarik Berdasarkan JavaScript

Industri pengembangan internet bergerak dengan sangat cepat. Oleh karena itu, teknologi transformatif baru muncul terus-menerus, dan JavaScript menjadi pusatnya.

Dengan mempelajari JavaScript, Anda akan dapat lebih memahami teknologi seperti pekerja layanan, yang secara langsung dapat memengaruhi search engine optimization dan dimanfaatkan untuk keuntungannya.

Iklan

Lanjutkan Membaca Di Bawah

Selain itu, mesin JavaScript seperti Google V8 semakin baik setiap tahun. Masa depan JavaScript hanya terlihat lebih cerah.

3. Untuk Menggunakan Alat Seperti Google Tag Supervisor Yang Mengandalkan JavaScript untuk Bekerja

Jika Anda bekerja di search engine optimization, Anda mungkin terbiasa dengan Sistem Manajemen Tag seperti Google Tag Supervisor atau Tealium. Layanan ini menggunakan JavaScript untuk memasukkan kode (atau tag) ke dalam situs internet.

Dengan mempelajari JavaScript, Anda akan lebih siap untuk memahami apa yang dilakukan tag ini dan berpotensi membuat, mengelola, dan men-debugnya di situs internet Anda.

4. Untuk Membangun atau Meningkatkan Situs Internet Anda Sendiri dengan JavaScript

Salah satu hal hebat tentang belajar kode dalam JavaScript adalah membantu Anda membangun situs internet sebagai proyek sampingan atau tempat pengujian untuk eksperimen search engine optimization.

Tidak ada cara yang lebih baik untuk memahami sesuatu selain dengan mengotori tangan Anda, terutama jika yang ingin Anda uji mengandalkan JavaScript.

Jalur untuk Memanfaatkan JavaScript untuk Otomatisasi search engine optimization

JavaScript pada awalnya dikembangkan sebagai bahasa khusus browser tetapi sekarang telah berkembang di mana-mana, bahkan pada perangkat keras seperti mikrokontroler dan perangkat yang dapat dikenakan.

Untuk keperluan otomatisasi search engine optimization, ada dua lingkungan utama tempat Anda dapat mengotomatiskan tugas search engine optimization dengan JavaScript:

  • Sebuah browser (front-end).
  • Langsung di komputer / computer (back-end).

Otomatisasi search engine optimization dengan Browser Anda

Salah satu keuntungan utama yang memisahkan JavaScript dari bahasa skrip lainnya adalah browser dapat mengeksekusi JavaScript. Ini berarti satu-satunya hal yang Anda perlukan untuk memulai otomatisasi JavaScript adalah browser.

Otomatisasi Menggunakan Konsol Browser

Cara termudah untuk memulai adalah menggunakan JavaScript secara langsung di konsol browser Anda.

Ada beberapa otomatisasi mudah dan menyenangkan yang dapat Anda lakukan. Misalnya, Anda dapat membuat situs internet apa pun dapat diedit dengan mengetik “record.frame.contentEditable = true“Di konsol Anda.

Contoh penggunaan JavaScript secara langsung di konsol browser Anda.

Ini dapat berguna untuk membuat tiruan konten atau tajuk baru pada laman untuk ditampilkan kepada klien Anda atau pemangku kepentingan lain di perusahaan Anda tanpa memerlukan perangkat lunak pengeditan gambar.

Iklan

Lanjutkan Membaca Di Bawah

Tapi mari kita tingkatkan sedikit lagi.

Bookmarklet Yang Kurang Diketahui

Karena konsol browser dapat menjalankan JavaScript, Anda dapat membuat fungsi khusus yang melakukan tindakan tertentu seperti mengekstrak informasi dari halaman.

Namun, membuat fungsi di tempat bisa sedikit membosankan dan memakan waktu. Oleh karena itu, Bookmarklet adalah cara yang lebih sederhana untuk menyimpan fungsi kustom Anda sendiri tanpa memerlukan plugin browser.

Bookmarklet adalah potongan kode kecil yang disimpan sebagai penanda browser yang menjalankan fungsi langsung dari tab browser tempat Anda berada.

Contoh Bookmarklet.

Misalnya, Dominic Woodman membuat bookmarklet di sini yang memungkinkan pengguna mengekstrak information statistik perayapan dari antarmuka pengguna Google Seek Console lama dan mengunduhnya ke CSV.

Iklan

Lanjutkan Membaca Di Bawah

Ini mungkin terdengar agak menakutkan, tetapi Anda dapat mempelajari cara membuat Bookmarklet Anda sendiri dengan mengikuti langkah-langkah dalam sumber daya yang bagus ini di GitHub.

Cuplikan, Versi Bookmarklet yang Ramah Pengguna

Jika Anda menggunakan Chrome, ada solusi yang lebih sederhana menggunakan Snippets. Dengan ini, Anda dapat membuat dan menyimpan jenis fungsi yang sama dengan cara yang jauh lebih ramah pengguna.

Misalnya, saya telah membuat Snippet kecil yang memeriksa berapa banyak hyperlink “yang dapat di-crawl” di halaman dan mendownload daftarnya ke record CSV. Anda dapat mengunduh kode dari GitHub di sini.

Penghitung tautan cuplikan Chrome.

Meskipun biasanya ini adalah tugas kecil yang “menyenangkan untuk dimiliki”, Anda mungkin ingin melakukan lebih banyak tugas berat yang dapat membantu beban kerja search engine optimization Anda dengan cara yang lebih signifikan.

Iklan

Lanjutkan Membaca Di Bawah

Oleh karena itu, jauh lebih baik menggunakan JavaScript secara langsung di computer Anda (atau server di Cloud) menggunakan Node.js.

Otomatisasi search engine optimization di Again-Finish dengan Node.js

Node.js adalah perangkat lunak yang memungkinkan Anda menjalankan kode JavaScript di computer Anda tanpa memerlukan browser.

Ada beberapa perbedaan antara menjalankan JavaScript di browser Anda dan JavaScript di computer Anda (atau server di Cloud) tetapi kami akan melewatkannya untuk saat ini karena ini hanyalah pengantar singkat untuk topik tersebut.

Tangkapan layar beranda Nodejs.

Untuk menjalankan skrip dengan Node.js, Anda harus menginstalnya di computer Anda. Saya telah menulis posting weblog singkat di mana saya membahas langkah demi langkah tentang bagaimana Anda dapat menginstal Node serta beberapa tip penyiapan tambahan untuk memudahkan Anda memulai.

Iklan

Lanjutkan Membaca Di Bawah

Meskipun imajinasi Anda adalah batasnya dalam hal otomatisasi, saya telah mempersempitnya ke beberapa house yang menurut saya profesional search engine optimization kembali ke saat menggunakan Node.js.

Saya akan menyertakan skrip yang siap dijalankan sehingga Anda dapat memulai dalam waktu singkat.

Mengekstrak Knowledge Dari API

Mengumpulkan informasi dari berbagai sumber untuk memberikan wawasan dan merekomendasikan tindakan adalah salah satu pekerjaan paling umum di search engine optimization.

Node.js membuat ini sangat sederhana dengan opsi yang berbeda, tetapi modul pilihan saya adalah Axios.

// Create an index.js record inside of a folder & paste the code under

// Import axios module
const axios = require('axios');

// Customized serve as to extract information from PageSpeed API
const getApiData = async (url) => 
  const endpoint="https://www.googleapis.com/pagespeedonline/v5/runPagespeed";
  const key = 'YOUR-GOOGLE-API-KEY' // Edit with your personal key;
  const apiResponse = look forward to axios(`$endpoint?url=$url&key=$key`); // Create HTTP name
  console.log(apiResponse.information); // Log information
  go back apiResponse.information;
;

// Name your customized serve as
getApiData('https://www.searchenginejournal.com/');

Untuk mulai berinteraksi dengan API, Anda memerlukan modul yang dapat menangani permintaan HTTP (klien HTTP) dan titik akhir (URL untuk mengekstrak informasi).

Dalam beberapa kasus, Anda mungkin juga memerlukan kunci API, tetapi ini tidak selalu diperlukan.

Untuk mengetahui bagaimana Node.js berinteraksi dengan API, lihat skrip yang saya terbitkan ini yang menggunakan API PageSpeed ??Google untuk mengekstrak information Core Internet Vitals dan metrik lab lainnya secara massal.

Iklan

Lanjutkan Membaca Di Bawah

Mengikis Situs Internet

Baik Anda ingin memantau situs internet Anda sendiri, mengawasi pesaing Anda, atau sekadar mengekstrak informasi dari platform yang tidak menawarkan API, scraping adalah alat yang sangat berguna untuk search engine optimization.

Karena JavaScript berinteraksi dengan baik dengan DOM, ada banyak keuntungan menggunakan Node.js untuk scraping.

Modul paling umum yang saya gunakan untuk scraping adalah Cheerio, yang memiliki sintaks yang sangat mirip dengan jQuery, dalam kombinasi dengan klien HTTP seperti Axios.

// Import modules
const cheerio = require('cheerio');
const axios = require('axios');

// Customized serve as to extract identify
const getTitle = async (url) => 
  const reaction = look forward to axios(url); // Make request to desired URL
  const $ = cheerio.load(reaction.information); // Load it with cheerio.js
  const identify = $('identify').textual content(); // Extract identify
  console.log(identify); // Log identify
  go back identify;
;

// Name customized serve as
getTitle('https://www.searchenginejournal.com/');

Jika Anda memerlukan versi situs internet yang dirender, modul populer seperti Puppeteer atau Playwright dapat meluncurkan example headless dari browser sebenarnya seperti Chrome atau Firefox dan melakukan tindakan atau mengekstrak informasi dari DOM.

Chris Johnson Structure Shift Generator adalah contoh yang bagus tentang bagaimana menggunakan Puppeteer untuk search engine optimization. Anda dapat menemukan information lebih lanjut di sini atau mengunduh skrip di sini.

Ada juga opsi lain seperti JSDOM yang meniru apa yang dilakukan browser tanpa memerlukan browser. Anda dapat bermain-main dengan skrip berbasis JSDOM menggunakan Node.js search engine optimization Scraper bawaan ini Nacho Mascort.

Iklan

Lanjutkan Membaca Di Bawah

Memproses Record CSV dan JSON

Sebagian besar waktu, information yang diekstrak dari API datang sebagai objek JSON, dan JavaScript sangat cocok untuk mengatasinya.

Namun, sebagai search engine optimization, kami biasanya menangani information dalam spreadsheet.

Node.js dapat dengan mudah menangani kedua layout menggunakan modul bawaan seperti modul Sistem Record atau versi yang lebih sederhana seperti csvtojson atau json2csv.

Apakah Anda ingin membaca information dari CSV dan mengubahnya menjadi JSON untuk diproses, atau Anda telah memanipulasi information dan Anda perlu mengeluarkannya ke CSV, Node.js mendukung Anda.

// Import Modules
const csv = require('csvtojson');
const  parse  = require('json2csv');
const  writeFileSync  = require('fs');

// Customized serve as to learn URLs and convert it to JSON
const readCsvExportJson = async () => 
  const json = look forward to csv().fromFile('yourfile.csv');
  console.log(json); // Log conversion JSON

  const transformed = parse(json);
  console.log(transformed); // Log conversion to CSV
  writeFileSync('new-csv.csv', transformed);
;

readCsvExportJson();

Buat Cloud Purposes untuk Menjalankan Tugas Tanpa Server

Ini adalah kasus yang lebih canggih, tetapi sangat membantu untuk search engine optimization teknis.

Penyedia komputasi awan seperti Amazon AWS, Google Cloud Platform, atau Azure membuatnya sangat sederhana (dan murah) untuk menyiapkan “contoh server” yang menjalankan skrip khusus yang dibuat untuk tujuan tertentu tanpa perlu Anda mengonfigurasi server tersebut.

Contoh yang berguna adalah menjadwalkan fungsi yang mengekstrak information dari Google Seek Console API secara otomatis di penghujung hari dan menyimpan information ke dalam database BigQuery.

Fungsi cloud exmple untuk mengekstrak data konsol pencarian dan memuatnya ke kueri besar.

Ada beberapa bagian yang bergerak dalam kasus ini, tetapi kemungkinannya benar-benar tidak terbatas.

Iklan

Lanjutkan Membaca Di Bawah

Hanya untuk menunjukkan kepada Anda contoh cara membuat fungsi cloud, lihat episode Company Automators ini di mana Dave Sottimano membuat Google Developments API-nya sendiri menggunakan Google Cloud Purposes.

A Possible 3rd Street, Apps Script

Bagi saya, lebih masuk akal untuk memulai dengan pendekatan yang kurang berpendirian.

Tetapi Apps Script mungkin menawarkan cara yang tidak terlalu menakutkan untuk belajar membuat kode karena Anda dapat menggunakannya di aplikasi seperti Google Sheets yang merupakan inti dari search engine optimization teknis.

Tangkapan layar beranda Appscript.

Ada proyek yang sangat berguna yang dapat memberi Anda gambaran tentang apa yang dapat Anda lakukan dengan Apps Script.

Iklan

Lanjutkan Membaca Di Bawah

Sebagai contoh, Hannah ButlerPenjelajah Seek Console atau Noah lernerGoogle Bisnisku Postmatic untuk search engine optimization lokal.

Jika Anda tertarik untuk mempelajari Apps Script for search engine optimization, saya akan merekomendasikan Dave SottimanoPengantar Google Apps Scripts. Dia juga memberikan presentasi yang luar biasa ini di Tech search engine optimization Spice up, yang menjelaskan banyak cara menggunakan Apps Script untuk search engine optimization.

Pikiran Akhir

JavaScript adalah salah satu bahasa pemrograman paling populer di dunia, dan akan tetap ada.

Komunitas open-source sangat aktif dan terus-menerus menghadirkan perkembangan baru di berbagai vertikal – dari pengembangan internet hingga pembelajaran mesin – menjadikannya bahasa yang sempurna untuk dipelajari sebagai seorang profesional search engine optimization.

Apa yang Anda baca di artikel ini hanyalah puncak gunung es.

Mengotomatiskan tugas adalah langkah untuk meninggalkan tugas sehari-hari yang membosankan dan berulang, menjadi lebih efisien, dan menemukan cara baru dan lebih baik untuk memberikan nilai bagi klien kami.

Semoga artikel ini mengurangi sedikit reputasi buruk yang dimiliki JavaScript di komunitas search engine optimization dan menanamkan sedikit keingintahuan untuk memulai pengkodean.

Iklan

Lanjutkan Membaca Di Bawah

Sumber Daya Lainnya:


Kredit Gambar

Gambar unggulan dibuat oleh penulis, Mei 2021


Baca Juga : Harga Pintu Aluminium