Tecniche di ottimizzazione del sito Web e best practice

Non scrivere un post sul blog solo per il gusto di farlo, un articolo scritto male può ostacolare il tuo sito piuttosto che aiutarlo!

Se scritte bene e scritte per il tuo lettore piuttosto che per i motori di ricerca, le pagine contribuiranno naturalmente alle parole chiave del tuo sito, quindi sii paziente, il traffico dovrebbe arrivare.

Non consigliamo in particolare di utilizzare schemi di link building, anche i cosiddetti "cappello bianco", poiché si spera che i link crescano nel tempo.

Esistono tuttavia diversi modi per catturare o focalizzare l'attenzione del lettore.

Avere un sito con un lucchetto mostra alla maggior parte degli utenti finali che tieni alla loro sicurezza e non sei un cowboy di notte.

Potrebbe rallentare leggermente il tuo sito, ma ora vale la pena aggiungerlo ed è un must se prevedi di vendere articoli online o consentire a membri del pubblico di accedere e utilizzare il tuo sito.

Google ora utilizza HTTPS come segnale di page ranking , il che significa che i siti sicuri ottengono un leggero aumento rispetto ai loro rivali che non lo utilizzano. In futuro è probabile che anche i siti Web che vendono oggetti online utilizzando HTTP standard o un certificato debole vengano puniti nel ranking della loro pagina.

Una rete per la distribuzione di contenuti è un ottimo modo per i siti con un volume maggiore di avvicinare i propri contenuti agli utenti finali, ma non è necessariamente per tutti.

Se il tuo sito riceve una bassa quantità di traffico globale, questo può essere inutile, perché finisci per aggiungere un ulteriore passaggio nell'invio dei dati ai tuoi clienti.

Questo è un po' più semplice di quanto la maggior parte delle persone realizzi. Quando i siti sono in fase di sviluppo, la maggior parte dei programmi inserirà le schede prima degli elementi per facilitarne la lettura per gli esseri umani.

Anche se questo è ottimo in fase di sviluppo, aumenta considerevolmente le dimensioni dei file e l'utilizzo delle risorse del server. Una soluzione semplice può consistere nell'usare MAIUSC+TAB in Visual Studio finché tutti gli elementi non vengono allineati a sinistra.

Questo semplice trucco può salvare migliaia di byte per richiesta.

Come la nostra pagina HTML, i CSS sono generalmente costruiti con molto spazio bianco per renderlo più facile da leggere, quando rilasci per vivere, eliminalo, le uniche persone che guarderanno il tuo codice saranno sviluppatori web ficcanaso! Rimuovi anche i commenti ove possibile, questi vengono inviati ma mai letti.

Sentiti libero di usare il nostro strumento gratuito che elimina questi commenti, spazi bianchi non necessari e riordina qualche altro bit. In alternativa, esegui il tuo sito tramite gli approfondimenti PageSpeed e utilizza i dati che inviano.

Come con le nostre pagine HTML e CSS, JavaScript è generalmente costruito con molto spazio bianco per renderlo più facile da leggere, quando rilasci per vivere, eliminalo, le uniche persone che guarderanno il tuo codice saranno sviluppatori web ficcanaso!

Sentiti libero di usare il nostro strumento gratuito che elimina alcuni commenti e spazi bianchi non necessari. In alternativa, esegui il tuo sito tramite gli approfondimenti PageSpeed e utilizza i dati che inviano.

La maggior parte dei siti viene ora creata utilizzando uno dei tanti strumenti per la creazione di siti Web disponibili come WordPress e/o con tecnologie di implementazione rapida come Bootstrap e Angular, ma questi possono aumentare il numero di file inclusi nel tuo sito, rallentando i tempi di caricamento della prima pagina mentre il browser fa più richieste per scaricare i vari file.

Se hai accesso al back-end del sito del tuo sito, è generalmente una buona idea provare a combinare file simili in un'unica richiesta.

Progetta i tuoi siti in modo che funzionino correttamente sui dispositivi mobili, quindi aggiungi ulteriori miglioramenti per gli utenti sui display desktop. I dispositivi mobili ora rappresentano circa la metà di tutte le ricerche in tutto il mondo e i motori di ricerca sono abbastanza intelligenti da non inviare un dispositivo mobile a un dispositivo a una pagina non ottimizzata.

Se il tuo sito non è mobile friendly potresti perdere il 50% del tuo traffico potenziale. Se questo è il caso, allora potrebbe valere la pena dare un'occhiata al tuo sito.

Le immagini generalmente rappresentano la grande proporzione di dati all'interno di ciascuna richiesta.

Esistono numerosi strumenti online e offline gratuiti che possono essere utilizzati per ottimizzare ogni immagine, ne abbiamo elencati alcuni di seguito e li aggiungeremo nel tempo;

png (Portable Network Graphics) - presenta un algoritmo di compressione dei dati senza perdita di dati per le immagini.

• TinyPNG (convertitore online)
• ImageOptim (app per Mac e servizio Web)
  
• pngquant (eseguibile da riga di comando che utilizziamo come parte di OusiaCMS)
• pngout (eseguibile da riga di comando che utilizziamo come parte di OusiaCMS, dopo pngquant)

jpeg/jpg (Joint Photographic Experts Group) - un algoritmo di compressione con perdita di dati per le immagini.

• TinyJPG (convertitore online)
• jpegtran (eseguibile da riga di comando che utilizziamo come parte di OusiaCMS)
  

svg (Scalable Vector Graphics) - immagini vettoriali basate su XML.

• svgminify (servizio online)
  

La compressione riduce la dimensione del file sul server utilizzando vari algoritmi prima di inviare il dispositivo dei visitatori che quindi decomprime i dati e utilizza il file normalmente. I metodi di compressione più comunemente supportati sono elencati di seguito;

• GZip
  
• Sgonfiare
  

Se possibile e utilizzi un sistema di gestione dei contenuti, abilita anche la compressione dinamica. Ulteriori letture su come impostare la compressione sul tuo server web.

Abilita compressione (Google)

I servizi SEO che forniamo sono;

• Social media
  
• Scegliere le piattaforme giuste
• Impostare
• Marchio
• Gestione continua
• Ottimizzazione del sito Web (sappiamo che gli utenti del nostro CMS hanno uno dei più veloci disponibili, ma siamo felici di lavorare con qualsiasi provider che utilizzi)
• Ottimizzazione delle immagini
• Ottimizzazione di CSS e JavaScript
• Cordialità mobile.
• Individuazione di altre aree di miglioramento
• Progettazione sito web (ove necessario)
• Analisi dei contenuti e utilità
• Navigazione e menu facili
• Identificare i contenuti che possono essere migliorati, aggiornati o eliminati
• Facilità di contatto
• Collegamento a piattaforme di social media

Sono disponibili numerosi strumenti per testare il tuo sito. Usiamo quanto segue per analizzare ogni sito che costruiamo.

Abbiamo anche evidenziato alcune delle principali insidie e, ove possibile, come annullarle.

Strumenti di collaudo strutturale;

• Google PageSpeed Insights (online, fornito da Google)
  
• YSlow (Si installa sul tuo browser, disponibile in Chrome, Firefox e Safari + pochi altri)
• GTMetrix (analizza il tuo sito con i rapporti di PageSpeed e YSlow)

Una cosa da notare è che se si testa lo stesso sito in tutti questi strumenti, potrebbero darti informazioni contrastanti. Ricorda inoltre che sono solo guide, non sempre accurate al 100% e alcuni errori potrebbero essere al di fuori del tuo controllo.