- Home
- Categorie
- Digital Marketing
- SEO
- La Browser Automation con Puppeteer a servizio di SEO, UX, CRO, e non solo..
-
La Browser Automation con Puppeteer a servizio di SEO, UX, CRO, e non solo..
Ho scritto una piccola guida per chi vuole avvicinarsi (da zero) al mondo della Browser Automation.
L'evoluzione della SEO, anche non il con il concetto di Page Experience, credo debba affacciarsi anche a strumenti di questo tipo.Per farlo ho utilizzato Puppeteer, una libreria in Node.JS (suggerita da Google) che permette di usare Chrome via API. Fondamentalmente è in grado di fare tutte le operazioni che potrebbe mettere in atto un utente all'interno di un sito web.
Alcuni esempi di attività per la quali è davvero molto utile possono essere le seguenti:
- generare screenshot (anche in PDF) di pagine web,
- scansionarle e creare contenuti pre-renderizzati,
- automatizzare l'invio di form, testare le interfacce, input da tastiera, ecc.,
- misurare le prestazioni e diagnosticare problemi tracciando la "timeline",
- creare un ambiente di test automatizzato e sempre aggiornato.
Sono solo esempi, ma le potenzialità sono pressoché infinite.
Questo è un esempio in cui attraverso un'automazione apre il sito web di Amazon, clicca l'accettazione dei cookie (e fa il primo screenshot), scrive "smart speaker" nel campo di ricerca (e salva il secondo screenshot), avvia la ricerca (terzo screenshot), infine fa uno scroll-down (e fa il quarto screenshot). Il tutto emulando la navigazione da un iPhone 6, e in modalità headless (senza aprire il browser).
Nella guida faccio vedere altri esempi di automazioni come il crawling di un sito web salvando l'alberatura in Json e facendo uno screenshot di tutte le pagine, oppure un testa a testa per mettere a confronto le velocità di caricamento dei siti web emulando il dispositivo, la CPU e anche la velocità di connessione.
Con un'automazione, ad esempio, puoi vedere tutta l'evoluzione delle SERP features per determinate query, su dei report che arrivano in mail. Oppure capire velocemente come i competitor dispongono gli elementi in pagina.
Ecco la guida: http://bit.ly/browser-automation-puppeteer
3 Risposte
-
Oh, ecco come possiamo recuperare le parole chiave correlate in SERP per arricchire l'analisi keyword.
Tra l'altro di solito le query correlate hanno anche buoni volumi di ricerca in generale... Per il semplice fatto che stan lì e la gente ci clicca.
Quando ho del tempo tra una consegna e l'altra mi ci metto.
-
@alepom bellissimo! avevo un plugin per il browser che faceva più o meno la stessa cosa, lo usavo per fare test a ripetizione su pagine e form. Bello poterle fare anche così. Oltretutto questa soluzione mi pare decisamente più completa e con potenzialità enormi.
Grazie!
1 Risposta
-
Ciao @giacomo-rutili, questo è uno strumento molto più potente di un'estensione pe il browser
Per diversi motivi. Funziona con il browser in modalità headless, e questo permette di integrarlo in qualunque sistema, indipendentemente dal browser, anche in un server remoto
E le emulazioni, l'utilizzo su diversi dispositivi, con diverse connessioni..Inoltre permette funzionalità molto avanzate, ad esempio ti permette di salvare il "timeline viewer", sempre in modalità headless.
Insomma, è una cannonata
1 Risposta
-
@alepom chiaro, questo fa molto di più! è fichissimo!
-
Io sotto lockdown lo usavo per farmi prenotare gli slot di spedizione Esselunga in automatico mandandomi mail visto che era impossibile trovarne di liberi
3 Risposte
-
@juanin, numero uno
-
@juanin fantastico!
-
@juanin ha detto in La Browser Automation con Puppeteer a servizio di SEO, UX, CRO, e non solo..:
Io sotto lockdown lo usavo per farmi prenotare gli slot di spedizione Esselunga in automatico mandandomi mail visto che era impossibile trovarne di liberi
e in più mandava newsletter a tutti noi ahahahhahahah
1 Risposta
-
@giorgiotave la generosità e l'altruismo prima di tutto.
-
@alepom ha detto in La Browser Automation con Puppeteer a servizio di SEO, UX, CRO, e non solo..:
Potremmo fare un video dedicato a un target. 10 modi d'uso per i SEO. Tipo
-
@giorgiotave, assolutamente.
Si potrebbe iniziare con il far vedere come partire e poi estrarre alcuni aspetti per un focus
Sto sperimentandoci parecchio.. gli manca solo la parola.. ma non per molto (questa segnala)Ne approfitto per condividere anche un'estensione di Chrome molto utile.
Si chiama Headless Recorder, e permette di salvare gli eventi in pagina generando lo script per Puppeteer.Un esempio
L'estensione: https://chrome.google.com/webstore/detail/headless-recorder/djeegiggegleadkkbgopoonhjimgehda
-
@alepom Haa...cavolo!
️️
