Se il tuo sito web è costruito come un sito statico standard o utilizza file semplici come .html o .php, incorporare il modulo SEOptimer Embed è solitamente molto semplice.


Questa guida copre il metodo di installazione più semplice per siti web dove hai accesso diretto al codice sorgente della pagina. Ciò include siti costruiti con "HTML" semplice, "PHP", o altri file server-rendered semplici dove il markup della pagina è chiaramente esposto.


Prima di Iniziare


Prima di generare e incorporare il tuo modulo, assicurati che il tuo modello di rapporto con etichetta bianca sia completamente impostato e che le impostazioni del modulo incorporato siano state configurate. Una volta pronti, puoi navigare alla tua pagina delle Impostazioni di Incorporamento, scorrere fino in fondo alla pagina e generare il tuo codice di incorporamento.

Comprendere la Struttura del Codice di Incorporamento


Dopo aver generato il tuo codice di incorporamento, noterai che il tuo codice è suddiviso in tre sezioni:

  • CSS
  • HTML
  • JavaScript


Ogni sezione svolge un ruolo diverso:

  • CSS controlla l'aspetto del "form"
  • HTML definisce dove il "form" appare sulla tua pagina
  • JavaScript carica e alimenta la funzionalità del "form"

Puoi personalizzare le sezioni CSS e HTML per adattarle al tuo sito e layout, tuttavia, il JavaScript dovrebbe essere lasciato esattamente come fornito, poiché modificarlo potrebbe danneggiare il modulo.

Come Aggiungere il Modulo Incorporato a una Pagina HTML o PHP Semplice


Apri il file dove vuoi che appaia il modulo. Questo potrebbe essere qualcosa come:

  • index.html
  • pricing.html
  • contact.php
  • audit.php

Quindi incolla il codice di incorporamento SEOptimer nella parte della pagina in cui vuoi che il modulo venga visualizzato.


Ecco un semplice esempio di come potrebbe apparire su una pagina HTML di base:

HTML Embed

Su una pagina PHP, il processo è lo stesso, basta incollare il codice di incorporamento nel posto appropriato nel tuo file:

PHP Embed

Salva e Testa la Pagina


Dopo che hai aggiunto il tuo codice di incorporamento nella tua pagina, è il momento di testare il "modulo" per assicurarti che stia funzionando correttamente. Dovrai salvare il file e caricarlo sul tuo server se necessario, aprire la pagina nel tuo browser e verificare se il "modulo" si carica correttamente.

In questa fase potresti aver bisogno di apportare alcune modifiche se il modulo non appare come desideri. La maggior parte di queste modifiche dovranno essere fatte nella parte CSS del codice.

  • Se il modulo non compare affatto, è necessario controllare quanto segue:
  • Se il JavaScript è incompleto o modificato
  • Se hai incollato il codice nel file o nella posizione sbagliata
  • Se ci sono problemi di cache
  • O se ci sono conflitti con script o stili esistenti

Una Nota sui "Framework" e Configurazioni Avanzate


Questa guida è progettata per siti semplici dove l'HTML è direttamente modificabile. Se il tuo sito utilizza framework frontend come React, Vue o Angular, il processo può essere diverso perché il contenuto viene reso dinamicamente piuttosto che scritto direttamente in file statici.


In quei casi, incorporare il modulo potrebbe richiedere un approccio più tecnico.

Conclusione


Per i siti HTML o PHP semplici, incorporare il modulo SEOptimer è un processo rapido, genera il tuo codice, incollalo nella tua pagina, e sei pronto per partire.
Una volta installato, avrai un modulo di audit SEO completamente funzionale pronto a catturare contatti e consegnare rapporti personalizzati direttamente dal tuo sito.

Hai bisogno di aiuto?


"Chat dal vivo": Clicca su "Chat dal vivo" (in basso a destra)
Email: [email protected]
"Tempo di risposta": Entro 24 ore