Le principali metodologie utilizzate si suddividono in Waterfall e Agile.

Metodologia Waterfall

Questa metodologia ha un’approccio sequenziale e si basa su uno sviluppo a “cascata” di fasi distinte dello sviluppo del software o prodotto di seguito elencate:

• Requirements: si determinano i requisiti che deve avere il prodotto, software, sito internet e via dicendo;
• Design: per esempio in un sito web (che è il nostro pane quotidiano), si progetta l’interfaccia utente lato UX e UI;
• Implementation: è la fase centrale del progetto in cui si inizia la creazione del prodotto che ha determinati requisiti e un concept grafico completo;
• Verification: nel nostro ambito questa fase non è niente di più che quella di test, ovvero una delle più importanti. Infatti in questa fase vengono effettuate tutte le prove con l’obiettivo di scovare eventuali errori e bug prima della messa live;
• Maintenance: può essere intesa come la manutenzione del prodotto o servizio rilasciato.

In questa metodologia il lavoro è molto ben documentato in tutte le sue fasi e risulta essere quella più facile da gestire in quanto ogni fase spesso inizia solo dopo la conclusione della precedente. Inoltre ogni sua fase ha un processo di revisione a se ed il prodotto/servizio viene rilasciato al cliente solo al completamento del processo Waterfall.

Metodologia Agile

Il metodo Agile fa riferimento ad un tipo di gestione innovativo e iterativo in quanto comprende gli stessi step del metodo Waterfall, ma in chiave iterativa: si lavora su pezzi di requisiti (e non su tutto in un’unica soluzione) rendendo così possibile eseguire simultaneamente le attività di sviluppo e test e di effettuare più deploy durante l’intera vita del progetto:

A differenza del metodo a cascata, in cui la pianificazione delle attività è definita all’inizio, nel metodo Agile il tempo è suddiviso in fasi di durata definita (di solito settimane) chiamate ‘sprint’; all’inizio di ogni sprint viene pianificato e definito, con il cliente, un elenco di prodotti finali da consegnare entro la durata del relativo sprint. Se non è possibile completare tutto il lavoro pianificato, il lavoro viene ridistribuito e le informazioni vengono utilizzate per la pianificazione del successivo sprint. Una volta completato, il lavoro può essere rivisto e valutato dal team di progetto e dal cliente, attraverso build giornaliere e dimostrazioni di fine sprint.

Le fasi nella metodologia Agile si dividono in:

• Meeting plan: è la fase iniziale in cui i membri del team si riuniscono per definire il progetto, i backlog e definire le priorità;
• Scrum: viene usata per la gestione del ciclo di sviluppo del progetto, adottando un processo di controllo empirico, in cui vi è un feedback continuo sulle attività che si svolgono, e una certa connessione tra chi è il manager del progetto, e le persone che invece si occupano della sua gestione operativa.
• Release plan: durante la fase di scrum viene rilasciato un calendario dove vengono indicate le date in cui bisognerà rilasciare le versioni di software funzionante;
• Sprint: come indicato precedentemente sono piccole fasi dello sviluppo in cui si devono portare a termine determinati task. La durata di queste fasi può variare fino alle 4 settimane massimo.

Conclusioni

A seconda del progetto che dovrete portare a termine o del prodotto/servizio da creare, ora saprete quale metodologia utilizzare.
Se avete bisogno di informazioni più dettagliate a riguardo potete guardare il video qui sotto sul nostro canale YouTube dove andremo anche a mostrarvi i migliori strumenti per gestire un team.

Seguici su Twitch e YouTube

Ti serve una consulenza? Contattaci!

L'articolo Come lavorare in team: differenze tra metodologia Agile e Waterfall sembra essere il primo su Target Web.

Installazione

Come prima cosa bisognerà recarsi utilizzando il terminale in una cartella dove vorremmo installare il nostro nuovo progetto Laravel. Una volta che saremo nel posto giusto bisognerà creare una cartella contenente l’installazione base. Premesso che utilizziamo composer a livello globale lanciamo il seguente comando:

composer create-project --prefer-dist laravel/laravel

Una volta fatto potremmo verificare la buona uscita dell’operazione andando fisicamente a controllare. Navighiamo tra le nostre cartelle fino al nostro progetto che dovrebbe contenere la directory Laravel con all’interno l’installazione del framework.

A questo punto abbiamo correttamente scaricato ed installato la versione base di Laravel, ma per farla funzionare bisognerà collegarci una ricetta Lando.

Se non sai cosa siano le ricette Lando vuol dire che ti sei perso il nostro tutorial precedente, ti invito a darci un’occhiata qui.
Inoltre se hai bisogno di informazioni più dettagliate inizia a dare un’occhio alla documentazione ufficiale qui.

Andiamo ad inserire il nostro file .lando.yml all’interno della directory di progetto ed andiamo a settarla come già illustrato nel tutorial precedente. A questo punto non ci rimarrà altro che avviare il nostro progetto spostandosi nella directory giusta ed eseguendo il comando “lando start“.
Terminato il processo di avvio, l’ambiente di sviluppo sarà stato correttamente creato e saremo pronti ad iniziare la configurazione del nostro progetto…ma prima una veloce panoramica..

Panoramica

La struttura di un’installazione base può variare a seconda della versione utilizzata, per esempio in Laravel 4 la struttura era leggermente diversa ma in generale i punti cardine dell’applicazione sono rimasti invariati.
Ora andremo ad affrontare ogni directory in modo da darvi un’infarinatura generale per lo sviluppo di un progetto.

Cartella APP

Nella cartella “App” troviamo tutta la logica della nostra applicazione ed è composta a sua volta da altre sotto cartelle:

• Models che conterrà tutti i modelli,
• Providers contiene i file entry-point necessari per far funzionare Laravel,
• Exceptions contiene al suo interno i file che serviranno a gestire eventuali errori,
• Console tramite il file al suo interno “kernel.php” ci permette di andare a lavorare direttamente sui comandi artisan
• http è una della directory principali che ha al suo interno tutti i file necessari alla gestione delle richieste (Controllers etc).

Cartella CONFIG

Nella cartella “Config” troviamo invece una serie di file php che servono per la configurazione dell’applicazione. E’ importante specificare come questi file NON vadano mai modificati manualmente, salvi rari casi.

Cartella DATABASE

Nella cartella “Database” troviamo delle directory importantissime che possiamo definire proprio delle colonne portanti di Laravel, ovvero: migrations e seeders. Queste particolari funzioni del framework vi permettono di andare a strutturare il database come desiderate e con un senso logico secondo le vostre direttive. Di base Laravel crea già tre migrazioni relative alla tabella utenti e al login, ma non vengono avviate.

Cartella PUBLIC e RESOURCES

La directory “Public” non è altro che l’entry-point pubblico, ovvero la parte della nostra applicazione visibile all’utente. Quello che l’utente finale vede viene chiamata “view” e possono essere create all’interno della cartella “Resources” -> “view” con l’estensione .blade.php.
Per esempio la vista visibile al primo avvio è chiamata “welcome.blade.php”.
Inoltre nella directory “Resources” si possono creare e collegare file CSS e JS.

Cartella ROUTES

In questa cartella troviamo tutte le rotte del nostro sito web.
Per rotta intendiamo il percorso di navigazione di qualsiasi elemento all’interno del nostro progetto. La directory comprende file php specifici per la definizione delle rotte in maniera ordinata e curata.

Cartella STORAGE

Composta da varie sotto cartelle le più importanti sono “App” e “Framework“.
Nella repository “Framework” è presente tutta la logica riguardante la memorizzazione della cache generale o delle singole views, oppure la memorizzazione delle sessioni…in poche parole tutto ciò che riguarda l’applicazione.
Invece, nella directory “App“ potremmo rendere disponibili e quindi visibili al pubblico elementi utilizzati dal sistema o creati da noi utilizzando un link simbolico.

Cartella VENDOR

Questa cartella contiene semplicemente tutte le dipendenze del nostro sistema. Vorremmo sottolineare che quest’ultima non deve essere inclusa in git.. sia perchè è una directory di grande dimensioni e sia perchè è facilmente ricreabile dal nostro sistema utilizzando il file composer.json.

Video tutorial

Il seguente video tutorial contiene anche una configurazione iniziale dell’applicazione.

Seguici su Twitch e YouTube

Ti serve una consulenza? Contattaci!

L'articolo Primi passi con Laravel: Installazione e panoramica – [AGGIORNATO 2021] sembra essere il primo su Target Web.

In questa prima puntata, come già anticipato nel titolo, andremo a creare un’ambiente di sviluppo condiviso utilizzando Lando per WordPress. Quest’ultimo risulterà poi facilmente replicabile e clonabile facilmente da chiunque poi in un futuro dovrà lavorarci.

Fino a non pochi anni fa per emulare un sito web su un computer, a seconda del sistema operativo, venivano utilizzati diversi metodi come Xamp su Windows e localhost su Linux e Mac, ma questo comportava non pochi svantaggi ai Team di sviluppo.
Grazie a Lando e Docker andremo a creare un ambiente di sviluppo comune in cui andremo a definire tutte le informazioni necessarie a far funzionare il nostro progetto.

Installare WordPress con docker usando lando

Se non lo avete già fatto precedentemente bisognerà installare Lando e Docker… per farlo potete tranquillamente seguire questa guida qui.

Il primo passo da effettuare è quello di creare sul nostro computer una cartella con il nome del progetto ed al suo interno andremo ad aggiungere un file .lando.yml.
Questo file non è altro che una ricetta contenente tutte le informazioni necessarie per installare Lando, come per esempio la versione di PHP, i collegamenti al database, il recipiente e via dicendo.

Spieghiamo tutto dettagliatamente nel video sul nostro canale Youtube che potete trovare alla fine di questo articolo.

Il secondo passo consiste nel digitare nella console del progetto il comando

lando start

A questo punto la nostra applicazione avvierà il contenitore Docker e tutti i servizi necessari.

Il terzo passo consiste nell’installare ciò che siamo andati a definire come ricetta nel file di configurazione di Lando, come esempio utilizzeremo WordPress che è il più comunemente utilizzato. A questo punto andiamo a digitare sulla nostra console di progetto il comando

lando wp core download

subito dopo averlo lanciato, verranno scaricati ed installati tutti i file necessari per il corretto funzionamento di WordPress.

Nel quarto passo bisognerà andare a copiare semplicemente il file wp-config-sample.php, rinominarlo in wp.config.php, aprirlo ed andare a sostituire i valori per l’accesso al database che siamo andati a specificare nel file .lando.yml all’inizio dell’installazione.

A questo punto se noi apriremo il link di accesso al nostro sito web, che ci vengono mostrati in console dopo aver eseguito il comando “lando start” nel nostro progetto, vedremo la schermata iniziale di WordPress.

Ora potremmo iniziare a lavorarci e a condividere il codice con tutto il team senza la preoccupazione di eventuali errori dovuti ad incongruenze nel codice e versioni differenti.

Esempio di ricetta docker (lando) per WordPress

name: esempiowordpress
recipe: wordpress
config:
  via: nginx
  database: mariadb
  xdebug: true
  webroot: .
proxy:
  appserver_nginx:
    - esempiowordpress.lndo.site
mailhog:
  - mailhog.lndo.site
domain: lndo.site
services:
  appserver:
    via: nginx
    type: 'php:7.4'
  node:
    type: 'node:10.14.2'
    build:
      - npm install
  database:
    type: 'mariadb:10.3'
    portforward: 3307
    creds:
      user: username
      password: password
      database: esempiowordpress
  mailhog:
    type: mailhog
    hogfrom:
      - appserver
    portforward: true
  phpmyAdmin:
    type: 'phpmyadmin:5.0'
    hosts:
      - database.esempiowordpress.internal
    mariadb103:
      type: 'mariadb:10.3'
tooling:
  npm:
    service: node
  node:
    service: node
  gulp:
    service: node
  yarn:
    service: node

Esempio di ricetta docker (lando) per Laravel

name: esempiolaravel
recipe: laravel
config:
  php: "7.3"
  via: apache:2.4
  database: mysql
mailhog:
  - mailhog.lndo.site
domain: lndo.site
services:
  appserver:
    webroot: public
    xdebug: true
  node:
    type: node:12.14.0
    build:
      - npm install
  database:
    type: mysql:8.0
    portforward: 3307
    creds:
      user: username
      password: password
      database: esempiolaravel
  mailhog:
    type: mailhog
    hogfrom:
      - appserver
    portforward: true
  phpmyAdmin:
    type: phpmyadmin:5.0
    hosts:
      - database.esempiolaravel.internal
    mysql8:
      type: mysql:8.0
tooling:
  npm:
    service: node
  node:
    service: node

Comandi utili

• lando start -> avvia l’applicazione;
• lando stop -> arresta l’applicazione, ma funziona solamente se con il terminale siamo all’interno della cartella del progetto (non necessariamente la root, visto che il comando va a controllare anche fino a 4 cartelle precedenti quella dove ci troviamo).
• lando poweroff -> arresta completamente Lando e funziona da qualsiasi cartella e posizione;
• lando rebuild -y -> bisogna utilizzarlo nel caso in cui andremo a modificare qualche parametro del .lando.yml file
• lando db-import NOME-DATABASE.gz -> importa il database con estensione gz
• lando db-export -> esporta il database del progetto

Video tutorial

Seguici su Twitch e Youtube

Ti serve una consulenza? Contattaci!

L'articolo Come creare un ambiente di sviluppo web condiviso con docker (Lando) per WordPress e Laravel sembra essere il primo su Target Web.

All’interno del file functions.php del vostro tema WordPress andiamo a inserire il seguente snippet di codice:

function cartAutoRefresh()
{
    ?>
    <script type="text/javascript">
      if ( undefined !== window.jQuery ) {
        // dipende da jQuery
            var timeout;
            jQuery( function( $ ) {
                //Al variare dell'input delle quantità dentro il carrello
                $('.woocommerce').on('change', 'input.qty', function(){
                    if ( timeout !== undefined ) {
                        clearTimeout( timeout );
                    }
                    //Simulo il click dopo 500ms
                    timeout = setTimeout(function() {
                        $("[name='update_cart']").trigger("click");
                    }, 500 );
                });
            } );
      }//undefined !== window.jQuery 
    </script>
    <?php
}
add_action( 'wp_footer', 'cartAutoRefresh' );

A questo punto non ci rimane che andare a nascondere il pulsante di “aggiorna carrello” di Woocommerce.

.woocommerce button[name="update_cart"],
.woocommerce input[name="update_cart"] {
	display: none;
}

Se abbiamo fatto tutto correttamente, il pulsante sarà sparito dal carrello e quando andremo ad aumentare o diminuire le quantità dei prodotti si aggiornerà tutto in automatico.

Se ti è piaciuto questo articolo condividilo o fammi sapere cosa ne pensi qui nei commenti!

L'articolo WordPress: Come auto-aggiornare il carrello di Woocommerce e rimuovere il pulsante “aggiorna carrello” sembra essere il primo su Target Web.

Per farlo, in primo luogo dovrete ottimizzare il vostro sito affinchè possa attrarre il maggiore quantitativo di pubblico possibile.

Maggiore è il numero di segmenti di pubblico che hai maggiore sarà il tuo profitto. Il controllo del ranking delle parole chiave è uno strumento di ottimizzazione dei motori di ricerca che è uno dei principali tool che un proprietario di un sito Web deve avere per poter indicizzare al meglio il proprio sito su internet nella jungla del web odierno.

Esistono molti modi per attirare l’attenzione del pubblico e ottenere alti livelli nel punteggio di Google. Uno dei metodi più comuni ed utilizzati è l’uso di parole chiave appropriate all’interno degli articoli.

Con le giuste parole chiave potrai raggiungere il massimo numero di visualizzazioni e clic dagli utenti possibili. Ma come trovo queste fatidiche parole chiave?

https://searchenginereports.net/it offre vari tipi di strumenti digitali che mirano a raggiungere l’ottimizzazione dei motori di ricerca.

Il portfolio di tool del sito spazia da strumenti che aiutano a rendere i contenuti di qualità fino a tool che permettono di ottimizzare il SEO del proprio progetto dalla A alla Z.

Uno di questi strumenti è incentrato completamente sulla ricerca di parole chiave e controllo del ranking su Google.

Come utilizzare lo strumento per il ranking delle parole chiave

Lo strumento di controllo della posizione delle parole chiave funziona solo se utilizzato con attenzione.

Innanzitutto, devi stabilire quale sia la tua “nicchia” e inserire una parola chiave. Il sistema elaborerà i dati e ti fornirà il posizionamento della tua parola chiave.

Se il posizionamento delle parole chiave è scarso, è necessario concentrarsi su quest’ultime per migliorarne il ranking.

Un altro tool interessante è il generatore di parole chiave, che può aiutarti a trovare le parole chiave più cercate della tua nicchia.

Quando ottieni l’elenco, usa le parole chiave nella prima parte del tuo articolo. In questo modo riuscirai ben presto ad ottenere visibilità tramite il SEO naturale del tuo sito.

Vantaggi del Rank Checker di SER

Andiamo ad approfondire i principali vantaggi del rank checker di Search Engine Reports.

Innanzitutto è gratuito e senza limiti per nessuno. Di fatto tutti gli utenti hanno gli stessi diritti e le stesse funzionalità di cui godere.

Ottima anche la velocità, per ottenere risultati in tempi brevi senza dover attendere troppo il vostro report.

Il tool risulta essere anche particolarmente affidabile. Insieme al ranking delle parole chiave, puoi conoscere il volume delle parole chiave nei tuoi contenuti, le tendenze recenti delle parole chiave, la difficoltà delle parole chiave e molto altro. Tutto in un’unica piattaforma gratuita.

Un altro aspetto da non sottovalutare è la facilità d’uso.

Non troverai alcun tipo di complessità sul sito web. Basta aprire il sito Web dei rapporti sui motori di ricerca, cercare lo strumento desiderato, inserire la parola chiave, per ottenere il risultato in pochi istanti.

È possibile aggiungere il collegamento o una parola chiave direttamente allo strumento e controllarne le classifiche. Alla fine avrai un rapporto che potrai scaricare e leggere in seguito.

Come migliorare il posizionamento delle parole chiave?

Ottimizzare il proprio sito per i motori di ricerca è, ad oggi, forse uno degli aspetti essenziali di cui tenere conto in ogni progetto. Strumenti come quello dell’analisi del ranking per le parole chiave sono a base da cui partire per ottimizare qualsiasi progetto web, dal più piccolo al più grande.

L'articolo Controllo del ranking delle parole chiave per aumentare il tuo punteggio SEO sembra essere il primo su Target Web.

Per coloro che non sanno cosa sia il plagio possiamo immaginare una ricerca di scuola, dove molto spesso andavamo a recuperare informazioni su libri in biblioteca o all’interno dei siti web. Copiando le informazioni di questi libri senza aggiungere/modificare o dare nuovo valore al contenuto abbiamo fatto un plagio. 

In linea di massima siamo di fronte a una vera e propria piaga del web 2.0, e per questo motivo trovare un buon strumento per verificare se un testo è copiato o meno diventa essenziale nel variegato  mondo della SEO odierna, soprattutto se vi rivolgete a copywriter esterni. 

Controllo affidabile del plagio online

Esistono numerosi strumenti online in grado di scoprire porzioni di contenuto copiato nel documento. Alcuni strumenti sono a pagamento, altri free, ma non tutti sono affidabili e mantengono le promesse.  

Andare alla ricerca di un buon strumento può essere un lavoro molto arduo da compiere. Un software antiplagio che si rispetti ha infatti  numerose caratteristiche peculiari, analizziamo insieme le principali: 

1. Dovrà essere in grado di rilevare anche un livello minimo di contenuto copiato.

2. Uno scanner anti-plagio affidabile ti permetterà di scaricare l’indice di somiglianza come prova.

3. Deve fornirti sempre la vera fonte del contenuto copiato.

4. Dovrebbe essere uno strumento veloce nell’analisi capace di riconoscere anche un contenuto riformulato.

Perché è importante prevenire il plagio?

Bhè dal punto di vista SEO, accantonando per un attimo il discorso etico più che discutibile, è sicuramente un grosso danno. Google infatti riconosce quale di tutti gli articoli copiati presenti nel suo indice è il “primo” e lo premia nelle SERP rispetto agli altri. 

Proprio per questo è essenziale fornire sui propri siti contenuti di qualità e non copiati da altri in giro per il web.

Per fortuna ci vengono in soccorso molti software web-based, tra i più famosi che conosco una nota di merito va sicuramente ad plagiarismdetector.net uno strumento che si è rilevato estremamente affidabile nel corso del tempo e capace di soddisfare tutti i requisiti essenziali che contraddistinguono un buon strumento anti-plagio.

Come prevenire la copia dei propri contenuti tramite codice

   //Copy Shadow Helper
    function copyShadow() {
    console.log("Anticopy");
    //Identifico parte copiata e costruisco div
       var selection = window.getSelection(),
       pagelink = '<br /> <br />Continua su: ' + document.location.href,
       copytext = selection + pagelink,
       newdiv = document.createElement('div');

            //Nascondo il div helper
            newdiv.style.position = 'absolute';
            newdiv.style.left = '-99999px';

            //inserisco e popolo il div e setto la selezione con il nuovo div
            document.body.appendChild(newdiv);
            newdiv.innerHTML = copytext;
            selection.selectAllChildren(newdiv);

            //Cleanup Helper Div
            window.setTimeout(function () {
                console.log("DP: Rimuovi Anticopy");
                document.body.removeChild(newdiv);
            }, 100);

    }//copyShadow
    document.addEventListener('copy', copyShadow); // Listener
    //Copy Shadow Helper

Il funzionamento è semplice: di fatto andiamo a creare un div nascosto della parte copiata e ci andiamo ad appendere la frase “Continua su … URL DEL SITO”. In questo modo, qualora l’utente che ha copiato sia distratto, sul sito dove ha incollato il nostro testo apparirà l’url della fonte copiata.

Nel codice di esempio infine, per una pulizia del codice, andiamo ad eliminare il div nascosto copiato dopo 100 millisecondi. 

Ovviamente non sarà la soluzione definitiva a tutti i vostri problemi ma vi aiuterà molto nel caso di copia/incolla selvaggi da parte di distratti lupi del web.

Conclusioni

Se vuoi avere un posizionamento di rilievo su vari motori di ricerca e tra i tuoi concorrenti, allora tutto ciò che ti serve è un contenuto affidabile. Il contenuto plagiato o replicato può essere un motivo che ti farà crollare nelle SERP di Google.

Se lavori come autore di articoli, blogger o creatore di contenuti di pagine Web, anche una piccola percentuale di contenuti duplicati ti condurrà al fallimento e verrai inserito nella lista nera di diversi motori di ricerca.

Per evitare queste spiacevoli problematiche dopo aver provato moltissimi software online non posso che consigliarti Plagiarism Checker che si è dimostrato uno degli strumenti più avanzati e affidabili del panorama italiano.

Conosci altri software anti-plagio di buon livello? Dimmelo nei commenti qui sotto!

L'articolo Come prevenire il plagio o la copia di articoli o testi online sembra essere il primo su Target Web.

Molte sono le ricerche fatte a tale proposito e ciò di cui comunque possiamo essere abbastanza sicuri è che la creazione di link sia un fattore significativo nella SEO di un sito web.

In effetti, è abbastanza difficile ottenere il posizionamento del tuo sito web senza l’aiuto di backlink di valore, ma di cosa si tratta in definitiva?

La link building consiste nel collegare il tuo sito web ad altri e il loro al tuo. Man mano che aumenti i tuoi collegamenti, aumenti anche la possibilità per i tuoi lettori di accedere a dati più pertinenti, aumentando così l’affidabilità del tuo sito web.

Devi però affrontare seriamente la costruzione di backlink utilizzandola per trarne il massimo vantaggio. Questo perché i motori di ricerca andranno ad eseguire la scansione di ogni pagina del tuo sito web alla ricerca di queste informazioni.

Quando lo fai nel modo giusto, puoi aiutare ad aumentare il posizionamento del tuo sito web e aiutare più lettori ad accedere facilmente ai tuoi contenuti.

Oggi voglio condividere con te 9 suggerimenti efficaci per una buona link building.

Inizia la creazione condivisa

La creazione condivisa di contenuti con altri siti web è un ottimo modo per aumentare i tuoi backlink. In questo modo invii alcune idee di contenuto a diversi siti web e offri ai co-autori contenuti per loro.

Questo rappresenta un vantaggio per tutti, costruendo i link necessari per aumentare la SEO del tuo sito e fornendo un contenuto ben scritto per i lettori.

In questo modo non solo avrai il vantaggio di aumentare i link per migliorare la tua SEO agli occhi di Google e degli altri motori di ricerca, ma estenderai anche la tua portata ad un altro pubblico, mettendo in evidenza i tuoi contenuti e i tuoi link .

Ad esempio, può essere vantaggioso per un sito web accettare guest post di qualità. Gli autori in questo modo inseriscono un backlink al loro dominio e, di conseguenza, il risultato è reciprocamente vantaggioso per entrambe le parti coinvolte.

Scopri le parole chiave della concorrenza

Hai mai provato a controllare i backlink della concorrenza? È probabile che troverai diverse parole chiave che non avevi considerato in precedenza!

Se i concorrenti sono stati in grado di acquisire questi backlink, ci sono buone probabilità che tu possa competere con loro per il dominio delle parole chiave. Tutto inizia con un’analisi dei backlink della concorrenza, cercando di ottenere tu stesso gli stessi link con le stesse anchor text.

Esistono strumenti appositamente creati per eseguire questa analisi, in cui è possibile creare un report per scoprire backlink comuni, nonché apprendere ulteriori informazioni sulle fonti e sulle tecniche utilizzate dai concorrenti per ottenere tali collegamenti.

Strumenti come Ahrefs, SEMRush, Moz e l’italianissimo Seozoom sono fantastici per scoprire una vasta gamma di potenziali parole chiave non sfruttate.

Dai un’occhiata ai backlink della concorrenza

Proprio come le parole chiave, la concorrenza è un’ottima fonte di ispirazione per i backlink. Questo discorso è abbastanza legato al punto precedente, perché in realtà possono essere usati gli stessi strumenti.

Se non sei sicuro su quale sia la migliore possibilità di ottenere un backlink (e se non sei sicuro di quali siano i migliori domini ad autorità elevata per la tua nicchia), controllare da chi ricevono i backlink i tuoi concorrenti è un grande idea.

Fai attenzione ai nuovi backlink dei concorrenti

Se speri di costruire e mantenere una forte presenza SEO, devi essere veloce nel costruire buoni backlink e adattarti ai vari cambiamenti di algoritmo di Google. La tua reazione e la velocità possono influire seriamente sul successo del tuo sito web.

Tieni presente le attività in cui il tuo concorrente è impegnato e i nuovi backlink che stanno creando.

Esistono strumenti che puoi impostare per avvisarti quando un nuovo backlink è stato aggiunto su un determinato sito web. Puoi impostarlo in modo che ti venga inviata una notifica via email con l’elenco di nuovi backlink.

Uno di questi strumenti è Google Alert. Si tratta di uno strumento molto potente che potrai utilizzare insieme a Google Analytics e al resto della tua G Suite

Apri un blog

Il blog è un’ottima tecnica da utilizzare nella creazione dei backlink. Se non hai già un blog collegato al tuo sito web, realizzane uno nel più breve tempo possibile.

Quando scrivi informazioni pertinenti, puoi essere ricompensato con backlink per fornire contenuti autorevoli.

Puoi anche scegliere di scrivere un blog sugli ultimi argomenti di tendenza nel tuo campo. Se si tratta di nuovi argomenti, non ci saranno molte informazioni disponibili, quindi puoi trarre vantaggio dal fatto che sarai una delle poche risorse a fornire queste informazioni.

Se agisci in tempi rapidi e riesci a mettere insieme blog pertinenti sui temi più caldi, potresti diventare un’autorità competente in tali argomenti. Quando ciò accade, vedrai un enorme aumento nel numero di backlink da altri siti web.

Tratta le tue testimonianze come backlink

Quando sarai in grado di fornire feedback e testimonianze ad altre aziende, sarai in grado di creare un backlink e un possibile traffico attraverso tale testimonianza, oltre a favorire un senso di fiducia con i tuoi clienti.

I backlink, attraverso le testimonianze, generalmente hanno un tasso di risposta e approvazione migliore rispetto ad altri tipi di link, poiché provengono da una recensione onesta di un prodotto o servizio di cui qualcuno è interessato.

Le persone adorano l’onestà e provano un senso di fiducia se sanno che sei onesto con loro. Quindi, mentre stai dando a un’altra società una preziosa testimonianza, stai anche ottenendo un utile backlink.

Scegli keywords ed argomenti evergreen

Se stai cercando di decidere su quali argomenti scrivere, è una buona idea non solo scrivere su temi di tendenza, ma includere anche una buona quantità di argomenti e parole chiave sempreverdi.

Questi sono gli argomenti che genereranno sempre interesse e su cui le persone sono sempre alla ricerca di informazioni, indipendentemente dalle ultime tendenze.

Ad esempio, se hai un blog sulla pianificazione di una festa di compleanno, un argomento sempreverde potrebbe essere “cose da ricordare durante la pianificazione del tuo compleanno”.

Quindi, indipendentemente da ciò che è attualmente di tendenza nel mondo della pianificazione dei compleanni, in genere ci saranno sempre le stesse cose che vorresti ricordare quando pianifichi una festa.

Generare traffico costante per un lungo periodo di tempo è uno dei modi migliori per ottenere un posizionamento più alto in Google.

Quando provi a creare contenuti sul tuo argomento evergreen, ricorda che deve essere prezioso per il lettore e interessante.

Assicurati inoltre che sia facile da leggere, con suggerimenti che siano fruibili, migliori e diversi da quelli offerti dai concorrenti.

Padroneggia la famosa tecnica Skyscraper

Una delle tecniche più difficili da realizzare per la costruzione di backlink, ma incredibilmente efficace, è la tecnica Skyscraper, in italiano “tecnica del grattacielo”.

Coniata da Brian Dean di Backlinko, questa tecnica prevede la creazione di contenuti incredibili incentrati su un problema specifico che le persone si trovano ad affrontare nel tuo ambito, presentando soluzioni pratiche a quel problema attraverso il contenuto che offri.

Quando offri soluzioni che funzionano e che le persone possono effettivamente realizzare, aiutandole a risolvere il problema che stanno affrontando, puoi crearti una grande autorità nel settore.

Puoi diventare la fonte di riferimento per questa soluzione, generando molti backlink basati sull’autorevolezza che hai dimostrato.

Recupera i tuoi broken link

I broken links non sono mai una buona cosa. Tutto ciò che fanno è infatti prendere in giro i lettori con contenuti che appaiono come inesistenti, deludendoli con un errore 404.

Questo può accadere a volte se le tue pagine cambiano posizione o se il link contiene un errore di ortografia.

La maggiorparte delle persone non sono abbastanza motivate da continuare a cercare il link corretto e passeranno al successivo link di contenuti che riescono a trovare.

Avere un redirect su un’altra pagina o sulla tua homepage può aiutare a mantenere il lettore sul tuo sito e a guardare i tuoi contenuti.

In questo modo puoi trasformare una potenziale perdita di clienti in una potenziale nuova conversione semplicemente reindirizzando un collegamento non funzionante.

Al fine di aiutare a identificare i backlink non funzionanti per il tuo sito, esistono strumenti di analisi dei broken link che ti avviseranno di quali pagine stai ricevendo un codice di errore.

Quando sai quali pagine stanno causando il problema, puoi iniziare a risolverle ricreando le pagine o reindirizzando i collegamenti alla pagina corretta.

Gli strumenti per il recupero dei collegamenti possono anche rilevare altri errori che potrebbero essere presenti nei tuoi backlink, come errori di timeout o errori di accesso non validi, tra gli altri.

Questi strumenti sono abbastanza semplici da usare e di solito comportano solo l’aggiunta dell’URL. Risolvere il problema alla radice di eventuali errori di backlink può aiutarti a evitare di perdere potenziali lettori e clienti.
H2 Suggerimento bonus: controlla i link non funzionanti di Wikipedia

Wikipedia è considerato un sito altamente affidabile da Google.

Per questo motivo, utilizzarlo come fonte per la creazione di collegamenti è un’ottima idea e può essere molto efficace.

Però, Se dai un’occhiata più da vicino, potresti scoprire che ci sono un certo numero di broken link all’interno delle sue pagine.

Uno strumento gratuito come Wikigrabber, ti aiuterà a individuare tutti i broken link sugli argomenti pertinenti alla tua nicchia per poterli sostituire con backlink funzionanti. Occhio però, come in tutte le cose della vita ci vuole moderazione.

Wikipedia in genere infonde molta fiducia nei lettori, quindi anche se stai aggiungendo link “No Follow”, vale la pena aggiungerli. Google utilizza ancora questo tipo di link nei suoi fattori di posizionamento e nei risultati di ricerca organici.

Conclusioni

La link building è sempre stata un fattore estremamente significativo nella SEO di qualsiasi sito web.

Quando sei in grado di connettere il tuo sito Web ad altri siti per raggiungere un pubblico completamente nuovo, elevi la tua portata in modo esponenziale. Più lettori hanno accesso ai tuoi contenuti, più possibilità hai di ottenere nuovi clienti.

E, man mano che il ciclo procede, più clienti avrai, portando a un numero ancora maggiore di clienti e così via.

La pertinenza del tuo sito web è direttamente collegata ai backlink tematici che sei in grado di creare.

Quando stai sfruttando correttamente ogni pagina che hai a disposizione, puoi aiutare a migliorare il posizionamento del tuo sito web su Google, aumentando i tuoi lettori e facendo in modo che i tuoi contenuti puntino più in alto.

Seguire questi suggerimenti ti sarà di aiuto per costruire backlink efficaci per la SEO, che aumenteranno la tua presenza online e l’autorità nel tuo settore specifico.

L'articolo 9 Ottime strategie di link building per la seo del tuo sito sembra essere il primo su Target Web.

La newsletter è da sempre uno dei mezzi più potenti ed efficaci per acquisire nuovi clienti e stabilire un contatto duraturo con un gruppo di persone, con promozioni, novità ed offerte di qualunque genere; spesso tenendo presenti determinati target in base alla tipologia di prodotto o informativa di cui ci occupiamo. Uno strumento ampiamente utilizzato dalla stragrande maggioranza dei siti web perché permette di inviare in poco tempo e senza sforzo email mirate agli utenti iscritti, come anticipato, in base ai loro interessi.
Probabilmente anche tu ora che stai leggendo, sei iscritto almeno ad una newsletter e ricevi email da qualche sito di eCommerce o blog a cui sei affezionato.

Se possiedi un sito realizzato con WordPress, gestire una newsletter è veramente semplice, basta seguire pochi step per poterne configurare una, tutto tramite degli appositi plugin.

In questo articolo esamineremo alcuni dei plugin ideati proprio a tale scopo, appunto per la gestione della newsletter per il nostro sito web. Nello specifico andremo a visionare alcuni strumenti e cercheremo di spiegare, secondo il nostro punto di vista, quali siano i migliori e i più semplici da utilizzare (anche per principianti) e che si integrino alla perfezione con WordPress.
Alcuni dei plugin che andremo a descrivere sono molto noti, questo grazie alla loro efficienza e facilità d’uso, che permettono di acquisire e gestire al meglio le nuove sottoscrizioni così da inviare mail personalizzate in tutta comodità.

I requisiti fondamentali che questi plugin devono avere sono:
• Possibilità di utilizzare la newsletter gratuitamente (almeno fino ad un buon numero di iscritti);
• Creazione ed invio di email personalizzate;
• Gestione degli iscritti;
• Integrazione con articoli tramite shortcode o apposito widget;

Per cui tutti i plugin WordPress che andremo a vedere rispetteranno pienamente questi aspetti.

I migliori plugin WordPress per la gestione della newsletter

Per trovare dei plugin per Newsletter ti basta effettuare una semplice ricerca nell’apposito pannello WordPress per trovarne di decine, ma sono tutti buoni e utili?

Per nostra esperienza, potremmo rispondere di “No”, non lo sono. Per voi ne abbiamo testati di parecchi, fino ad arrivare ad una breve lista con i migliori.

The Newsletter Plugin

Questo è probabilmente il migliore plugin per newsletter presente in WordPress. Con esso è possibile personalizzare e configurare ogni singolo aspetto della newsletter con tanto di widget per l’acquisizione di iscritti da inserire negli articoli.

Il numero di invii e di iscrizioni è illimitato e possiamo inviare mail promozionali in qualsiasi momento scegliendo tra una vasta libreria di template preimpostati.

Inoltre, possiamo selezionare manualmente gli iscritti al genere o liste personalizzate.

Ogni singolo aspetto della newsletter è totalmente modificabile, così come la pagina di iscrizione o (purtroppo) la cancellazione (disiscrizione non esiste).

L’interfaccia del plugin è dedicata e differente da quella a cui siamo abituati con WordPress, ma ci si abitua in poco tempo.

Utili anche le statistiche generali delle email aperte dagli utenti o al contrario, di quelle ignorate dagli utenti, ciò permette di avere delle indicazioni su ciò che è possibile migliorare, e permette di fare il punto della situazione per migliorare le possibilità di contatto.

Se cerchi un plugin affidabile per la gestione della newsletter, considera questo.

Mailpoet

Tra i più usati e apprezzati, Mailpoet è da tempo uno dei migliori plugin per newsletter in WordPress.

Creare fantastiche email non è mai stato così facile, con tanti template moderni e ben fatti per attirare l’attenzione dei tuoi iscritti.

La gestione degli abbonati è semplificata e l’interfaccia del plugin in linea a quella di WordPress, così da non creare confusione.

Unica pecca è l’assenza delle statistiche e analisi generali, come il comportamento o coinvolgimento del pubblico.

Per il resto rimane un plugin di ottima qualità e sempre aggiornato.

Email Subscribers & Newsletter

Altro plugin di ottima qualità. “Email Subscribers & Newsletter” si presenta bene ed è abbastanza intuitivo da utilizzare. Non esiste una configurazione rapida iniziale all’attivazione del pluin, diversamente da come avviene con i precedenti.

Il numero di template disponibili è esiguo e non a portata di mano, per ottenere buoni risultati dovremmo rimboccarci le maniche e crearne di personali, o scaricarne di nuovi dal web.

L’interfaccia è simile a quella di Mailpoet e coerente con lo stile di WordPress, per cui la navigazione all’interno dei vari pannelli non dovrebbe risultare difficoltosa.

Nell’apposita scheda del plugin è possibile visualizzare e gestire gli utenti iscritti con i relativi invii di email promozionali personalizzate e mirate.

Tra i tre plugin per newsletter è quello che, a mio parere, risulta più complesso da usare, almeno nei primi tentativi. In più si stente molto la mancanza di alcuni tipi di template, che ci costringe a ricorrere a risorse esterne o a crearne di nuovi, perdendo tempo prezioso.

Ora non ti resta che scegliere il plugin newsletter che preferisci ed iniziare ad acquisire nuovi iscritti.

Inoltre, ti ricordo di iscriverti alla nostra qui in basso.

Per consigli utili sull’ottimizzazione di WordPress, nonché altri plugin per la sicurezza e la gestione del CMS, leggi la guida dedicata (anche per principianti).

L'articolo I migliori plugin per Newsletter di WordPress sembra essere il primo su Target Web.

Tra le caratteristiche principali di questo plugin troviamo:

• Contatore share per Facebook.
• Supporto ai seguenti social: Facebook, Pinterest, Whatsapp, Linkedin, Twitter, Stampa
• Immagine in evidenza auto-recuperata per lo share.
• Supporto Ajax (Utile in caso di siti con cache o proxy server).
• Integrazione con font-awesome
• Facebook api limit friendly
• Se abilitato, funziona e si integra perfettamente con il plugin “Favorities“: https://github.com/kylephillips/favorites
• Compatibile con Autoptimize e qualsiasi plugin di Cache.
• Completamente free senza adv, alert o altro.

Perchè ho deciso di creare questo plugin?

L’esigenza è nata essenzialmente per quattro ragioni:

• Moltissimi plugin più blasonati commercialmente, sono si più completi ma anche più pesanti e con tantissimi alert di adv e pubblicità dentro il backend. Altresì portano con sè funzioni che non utilizzavo e che appesantivano solamente il sito.
• Alcuni plugin non sono compatibili (o lo sono in parte) con sistemi server dotati di cache avanzate come Varnish oppure Proxy Caching.
• In alcuni progressi molto grossi con grande flusso social ho avuto dei problemi con le nuove policy sul Rate limiting api di Facebook. Per chi non lo sapesse si utilizza l’api di Facebook per il recupero del valore di shares effettuati.
• Ho la possibilità di avere uno strumento flessibile e facilmente personalizzabile per i miei clienti.

Installazione e uso

01. Scarica il plugin a questo indirizzo

02. Carica la cartella RM_ShareCounter dentro wp-content/plugins

03. [SOLO PER AJAX] Carica il file RM_ajax_shareUpdater.php (presente dentro lo zip) all’interno della cartella del tuo tema WordPress: wp-content/themes/[TUOTEMA]

04. Attiva il plugin.

05. Apri le impostazioni del plugin e settalo come preferisci.

06. [SOLO PER AJAX] Crea una pagina chiamata esattamente: “Rm Shareupdater” e connettila alla custom page che hai caricato nel punto 03.

A questo punto sarai pronto per utilizzare il plugin, metti questo shortcode ovunque desideri dentro il tuo tema:

<?php if(shortcode_exists( 'share-counter' )) { echo do_shortcode("[share-counter]"); } ?>

Oppure nel caso tu utilizzi un visual composer, usa lo shortcode come segue:

[share-counter]

Conclusioni

Se state cercando un plugin WordPress di condivisione social con contatore, ottimizzato, e gestibile senza pubblicità o altri orpelli RM Wp Social Share farà sicuramente al caso vostro.

Oltre a questo vi permetterà un facile uso con Proxy Cache come Cloudflare o Varnish, e salverà il vostro rate limiting delle API su Facebook.

Per aggiornamenti, miglioramenti o bugs, fate campo al repository ufficiale su Github.

Sei interessato alla creazione di temi e plugin su misura per WordPress? Contattami.

Se questo plugin ti è stato utile, fammi sapere cosa ne pensi nei commenti qui sotto!

L'articolo Plugin WordPress condivisione social con counter sembra essere il primo su Target Web.

Poiché nel panorama SEO italiano non esistono grandi guide sui canonical, ho deciso di mettere insieme un po’ di domande su quello che si potrebbe fare e non fare con il canonical. Sinceramente la maggior parte di questi utilizzi sono un po’ estremi e non sempre si possono testare veramente, tuttavia possono essere utili per capire come utilizzare questo tag e come Google lo interpreta.

1. Sindacazione tra domini

La prima esperienza che vorrei condividere è l’utilizzo con un uso cross-domain del tag canonical. Lo scopo di questo test è legittimo. Dal momento che il mio blog personale è relativamente nuovo, e ho sentito che il post era più personale che aziendale, vorrei che ricevesse credito per essere la fonte dell’articolo.
Ovviamente, il mio blog aziendale essendo un po’ più vecchio e più forte su molte metriche, volevo capire se il tag canonico tra domini poteva sovrascrivere tutti gli altri segnali suggerendo che il blog della mia azienda fosse in realtà più autorevole?

La risposta breve è: “Sì”. Ho pubblicato il post quasi contemporaneamente su entrambi i blog il 10 Giugno. Il giorno successivo, Google ha iniziato a indicizzare il titolo del post dalle home page (le 2 home page sono apparse entrambe nelle SERP). Il 12 Giugno, l’intero post è stato indicizzato e posizionato solo su Google (per il titolo del post) e il motore di ricerca non sembrava avere problemi con il canonical da un dominio più forte a un dominio più debole.

2. Canonico nel tag <BODY>

Una paura comune dell’uso tra domini del canonical è come potrebbe essere usato. Ovviamente, chiunque può hackerare un server, ma cosa succede se il tuo sito consente agli utenti di creare contenuti e qualcuno inserisce semplicemente un tag canonical al centro della pagina?

Per provarlo, ho inserito un tag canonical proprio prima del tag di chiusura. Ho fatto riferimento a una pagina sullo stesso dominio, supponendo che Google avesse maggiori probabilità di elaborare il canonical interno rispetto a un dominio incrociato. Il tag fuori posto sembrava non avere alcun effetto: ho apportato la modifica il 9 Giugno e la pagina è stata nuovamente memorizzata nella cache il 14 Giugno e il 18 Giugno senza alcun impatto sulle SERP.

Giunti a questo punto, una domanda sorge spontanea: Google dovrebbe fidarsi di rel = canonical se lo vede nel corpo dell’HTML? La risposta è no, perché alcuni siti Web consentono alle persone di modificare contenuti o HTML nelle pagine del sito. Se Google si fidasse di rel = canonical nel corpo HTML, vedremmo molti più attacchi in cui le persone rilasciano un rel = canonical su una parte di una pagina web per provare ad inviare il traffico altrove.

3. Canonical in un falso url

Un altro test interessante sull’utilizzo del canonical che mi è venuto in mente è stato testare cosa accade se si inserisce un canonical in un url che non esiste. Ovviamente, non è una cosa che si fa di proposito, ma se, ad esempio, commettessi un errore grave nel tuo CMS, quanto si rivelerebbe dannoso per il tuo sito?

Ho introdotto il canonical su una pagina diversa il 5 Giugno. Quello che è successo dopo è che è stato nuovamente memorizzato nella cache i giorni successivi ma non ha avuto alcun impatto apparente.
Ad esempio, se pensiamo che per un errore madornale punti il canonical verso una pagina inesistente (puntando un rel = canonical verso una pagina in 404) google dice “ci riserviamo il diritto di non usare l’URL di destinazione specificato con rel = canonical .

La lezione qui è piuttosto semplice: la versione canonica della pagina deve effettivamente esistere. Anche se questo può sembrare ovvio in apparenza, l’idea ha una certa logica, ma in pratica va completamente contro lo scopo del tag canonico.

4. Social Media

Ok questo non è proprio un esperimento con il canonical ma avevo appena menzionato un post sulla seo sui social e qualcosa era chiaramente fuori posto.

Mi sono reso conto rapidamente che i numeri che venivano mostrati sulla pagina erano quelli della versione canonica della pagina. Gli script di Facebook e Twitter stavano effettivamente tenendo in considerazione il tag canonical.

Nelle due settimane successive, Facebook sembra non riportare più numeri dalla versione canonica, ma i conteggi di Tweet corrispondono ancora al post a cui punta il tag canonico. Non sono del tutto sicuro ma è uno spunto di riflessione: la canonicalizzazione potrebbe avere un impatto maggiore di quanto si possa pensare rispetto alla SEO.

Conclusioni

Queste conclusioni ci fanno capire sostanzialmente quanto Google prenda seriamente in considerazione il tag canonical e quanto non dovrebbe essere sottovalutato in molti siti web. Se non avete esperienza con il canonical sconsiglio di provare a replicare esperimenti su questo tag.

Giulio Stella – gstarseo.it

L'articolo 4 esperimenti da fare ( o forse no ) con il canonical sembra essere il primo su Target Web.

Utilizzando questo semplice plugin di mia creazione potrete schedulare di ri-pubblicare un articolo wordpress in un determinato giorno e a una determinata ora.

Perchè farlo? Bhè innanzitutto cambiare la data di pubblicazione fa sentire a Google che l’articolo è “fresco” e pertanto è estrementamente utile per dare nuova vita ai vecchi articoli ancora attuali.

Pensate a un blog di prodotti e regali per Natale, invece di ri-fare gli stessi articoli ogni anno può semplicemente programmare che il 25 Dicembre prossimo l’articolo venga aggiornato con data di pubblicazione aggiornata!

Un altro utilizzo molto utile è quello di aggiornare il proprio feed, che magari è preso da altri siti o viene utilizzato come sorgente per email marketing. In questo modo potremo facilmente decidere quale articolo far apparire a una determinata ora nel feed dando di fatto una priorità a determinati articoli “evergreen”.

Oltre a questi utilizzi possiamo usare il plugin anche per dare nuovo slancio in modo del tutto automatizzato ai vecchi post che abbiamo già scritto nel nostro blog WordPress.

Come si usa il plugin

Il plugin si innesta all’interno del vostro editor Gutemberg pertanto è compatibile solo se avete Gutemberg installato (Wp < v5 ) o con WordPress > v5.

Una volta attivato vi basterà andare dentro un articolo e cliccare il pulsante che sarà apparso in alto a destra:

Da qui impostate una data/ora futura di ri-pubblicazione e impostate il trigger di attivazione su “Si” (Di default è No per tutti).

Fatto questo salvate l’articolo e il gioco è fatto.

Il plugin abilita un cron con check ogni 30min (pertanto se volete che un articolo venga aggiornato alle 15 impostate per sicurezza l’orario alle 14.30).

Qualora aveste bisogno di una precisione maggiore potrete agire su questa riga di codice:

File: seo-refresh-link.php

function seorefresh_activation() {
    $first_time = time(); 
    $recurrence = '30min'; // Cambia da 30min alla ricorrenza desiderata.
    wp_schedule_event($first_time, $recurrence, 'seorefresh_event');
}

Tra le opzioni di default implementabili abbiamo:

5min, 30min, 4h, 6h, 9h e 12h.

Se ad esempio volessimo fare il check ogni 12 ore cambiamo come segue:

 $recurrence = '12h'; // Cambia da 30min alla ricorrenza desiderata.

Il plugin è completamente open source e aggiornabile come meglio credete. Anzi mi farebbe piacere ricevere feedback o dev che volessero migliorarlo e andare avanti con lo sviluppo.

Nei due link sottostanti trovate il codice su Github (per i dev) e il link per scaricare direttamente il plugin e installarlo all’interno del proprio sito WordPress.

Idee di sviluppo future:

• Implementazione motore di auto-update in base ad articoli più vecchi di x mesi.
• Proponi la tua idea qui sotto!

Conclusioni

Hai problemi con questo plugin? Aiutami a migliorarlo aprendo un issue su Github.

Se questo articolo ti è stato utile fammi sapere cosa ne pensi nei commenti qui sotto o su github.

L'articolo Plugin WordPress per programmare la ripubblicazione sembra essere il primo su Target Web.

In questa guida vi mostrerò come poter creare dei “finti checkbox” che sostituiranno i nostri input originali e, dato che questi nuovi elementi saranno dei comunissimi div sarà possibile personalizzarne il css senza alcuna restrizione.

See the Pen Checkbox javascript and CSS – Targetweb.it by Riccardo Mel (@riccardomel) on CodePen.

Per prima cosa creiamo il css del nostro nuovo checkbox

.customCheckbox {
    width: 60px;
    height: 30px;
    border-radius: 15px;
    float: left;
    background-color: rgb(123, 129, 123);
    position: relative;
}

.customCheckbox::after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    background: #fff;
    transition-duration: .3s;
    transition-timing-function: ease;
}

.customCheckbox.active {
    background-color: rgb(21, 146, 21);
}

.customCheckbox.active::after {
    left: calc(100% - 28px);
}

Abbiamo creato uno stile per l’elemento .customCheckbox (questo sarà il div che sostituirà i checkbox) e tramite ::after è stato aggiunto al suo interno un elemento che cambierà posizione a seconda se il div principale avrà la classe active oppure no, per fare in modo che l’effetto non sia statico abbiamo assegnato la proprietà transition-duration così da farlo cambiare tramite un animazione e non istantaneamente

Ora dobbiamo fare in modo che i checkbox vengano nascosti e al loro posto venga inserito il nostro nuovo div, per farlo utilizzeremo javascript

var checkboxes = document.querySelectorAll("input[type=checkbox]")
checkboxes.forEach(function (elem) {
    var box = createBox()
    if (elem.checked) box.classList.add("active")
    elem.before(box)
    elem.style.display = "none"

    box.addEventListener('click', function () {
        this.nextSibling.click()
        this.classList.toggle("active", this.nextSibling.checked)
    })
})

function createBox() {
    var box = document.createElement('div')
    box.classList.add('customCheckbox')
    return box
}

Come potete vedere abbiamo nascosto tutti gli input di tipo checkbox e prima di questi è stato inserito il nostro nuovo div con classe “customCheckbox”.

Al click dell’input sarà aggiunta o tolta a questo la classe “active” a seconda se l’input suo parente (cliccato dinamicamente dopo questo evento) sarà checked oppure no.

Spero che questa guida vi sia stata d’aiuto e per qualsiasi cosa non esitate a chiedere nei commenti.

I nostri partner, Casino Midas Italia, offrono un’esperienza di gioco unica e sicura per i giocatori italiani.

L'articolo Checkbox personalizzati in javascript e css sembra essere il primo su Target Web.

Per prima cosa aggiungiamo il css che ci servirà per rendere gli embed di video Youtube ( e similare) o di post social completamente responsive e adattabili a qualsiasi risoluzione, mantenendone il formato 16:9.

/*--------------------------------------------------------------
# EMBED RESPONSIVE
--------------------------------------------------------------*/

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

A questo punto andiamo ad aggiungere un filtro nel file functions.php del vostro tema dove andremo a rintracciare gli embed all’interno del contenuto del post, e andremo ad modificare l’iframe dell’embed andando ad aggiungere le classi che vedete nel css poco sopra.

//File functions.php
//Responsive Embeds
add_filter('the_content', function($content) {
	return str_replace(array("<iframe", "</iframe>"), array('<div class="iframe-container"><iframe', "</iframe></div>"), $content);
});

add_filter('embed_oembed_html', function ($html, $url, $attr, $post_id) {
	if(strpos($html, 'youtube.com') !== false || strpos($html, 'youtu.be') !== false){
  		return '<div class="embed-responsive  embed-responsive-16by9">' . $html . '</div>';
	} else {
	 return $html;
	}
}, 10, 4);


add_filter('embed_oembed_html', function($code) {
  return str_replace('<iframe', '<iframe class="embed-responsive-item"  ', $code);
});
//Responsive Embeds

A questo punto caricate i file modificati e vedrete che senza dover intervenire all’interno di ciascun articolo aggiungendo classi, i video o i post social incorporati tramite embed appariranno ottimizzati e completamente responsivi.

Se questo articolo ti è stato utile commentalo qui sotto oppure lascia un like!

L'articolo WordPress: embed responsive di video Youtube o social posts sembra essere il primo su Target Web.

Il sito web di un interior designer probabilmente avrà molti elementi grafici e poco testo, ma mentre questa potrebbe essere la prassi abituale, non significa che il tuo non possa uscire dagli schemi con personalizzazioni specifiche proprie del tuo stile e della tua arte.

Costruire il tuo brand richiede molto impegno, ma per questo scopo ci sono delle risorse incredibili che spaziano all’interno di un ampio spettro di posti, la maggior parte dei quali comportano un investimento minimo del tuo capitale.

Quando valuti la realizzazione di un sito web per vendere la tua attività di interior designer, assicurati che non manchino queste cinque cose.

Evita i template e realizza un sito web personalizzato

Comporta costi maggiori? Sì. Ne varrà la pena? Assolutamente sì. I site builder ti permettono di essere operativo molto più velocemente, ma in questo caso l’originalità andrebbe a farsi benedire. In realtà, quando fai il sito con uno stampino, corri il rischio che non sia ottimizzato per ottenere un ranking elevato su Google. Posizionarsi in quella prima pagina tanto ambita grazie alla scelta delle parole chiave giuste è un passo importante per qualsiasi azienda. Puoi ricercare i progettisti di siti web nella tua zona in base al tuo limite di budget o al tuo settore di nicchia per trovare la soluzione migliore.

Marchia ciò che ti appartiene

Proprio come il proprietario di un ranch nell’Old West, devi tirare fuori il ferro per marchiare il bestiame e marchiare tutto ciò che possiedi per essere certo che chiunque lo veda possa risalire a te. Lo stile della tua progettazione dovrebbe essere supportato da ogni singola cosa sul tuo sito web, dalla scelta del carattere allo stile del layout fino ai colori. Valuta la possibilità di rivolgerti a un’agenzia di professionisti per creare un logo che possa essere applicato a varie piattaforme. Perfino il testo che usi per descrivere te stesso e il sito dovrebbe adattarsi a quella nicchia che chiami casa. Più persone ti associano al tuo marchio, più questo sarà riconoscibile quando apparirà altrove e sarà ancora più facile fare un collegamento mentale immediato tra l’uno e l’altro.

Usa foto professionali

Nel caso in cui non abbia recepito il messaggio, significa che non devi scattare le foto con uno smartphone, ingrandirle e sbatterle sul tuo sito. Le foto scattate con uno smartphone medio non sono assolutamente paragonabili a quelle scattate con una vera fotocamera digitale. In realtà quel fotografo professionista potresti essere anche tu, poiché molti architetti d’interni si dilettano anche nell’arte della fotografia per offrire ai clienti accesso immediato a idee e progetti senza dover preoccuparsi che il lavoro sia svolto da un intermediario. Dovrai sopportare delle spese, ma le foto sono l’anima del tuo lavoro e l’elemento più importante del tuo sito. Le foto in alta definizione e perfette sono l’unico sistema per fare affari. In realtà con la collaborazione di un web designer esperto potresti anche renderle interattive, per esempio inserendo delle parti su cui è possibile cliccare per vedere da quali materiali, design, mobili, ecc., è composta quella parte della stanza.

Integra gli Inviti all’Azione

Per quanto le foto possano essere le più belle del mondo, i tuoi potenziali clienti non passeranno all’azione, a meno che non li inviti a farlo. Usa il testo in grassetto per creare il collegamento ad altre gallerie di foto, a un video d’interni personalizzato a 360 gradi di uno dei tuoi progetti, oppure fai in modo che richiedano una consulenza gratuita o invitali a qualche altra azione che li faccia andare avanti nel viaggio del cliente fino al punto di contattarti.

Abbellisci il Tuo Sito Mobile

Le foto artistiche gigantesche potrebbero non sembrare altrettanto belle sullo schermo di uno smartphone, ma rendere il sito web più responsive è molto importante nel settore dell’interior design. Immagina quante persone si soffermano a sfogliare questo genere di siti mentre sono dal parrucchiere, stanno aspettando in coda, si prendono un caffè o si stanno dedicando a qualsiasi altra attività che consente loro di rilassarsi e di guardare le cose che attirano maggiormente il loro interesse.

L'articolo Clienti dell’ Interior Design Pretendono Queste 5 Cose dal Sito di un Libero Professionista sembra essere il primo su Target Web.

Il codice va inserito all’interno del file functions.php del vostro tema:

add_filter('use_block_editor_for_post_type', 'prefix_disable_gutenberg', 10, 2);
function prefix_disable_gutenberg($current_status, $post_type)
{
    // disabilita per questi post types
    if ($post_type === 'immobili') return false;
    return $current_status;
}

In questo esempio andiamo a far apparire l’editor classico sul post_type “immobili” mentre tutto il resto avrà gutemberg.

Potete facilmente aggiungere post types multipli in questo modo:

 if ($post_type === 'immobili' || $post_type === 'test') return false;

Se questo articolo ti è stato utile condividilo sui tuoi social preferiti!

L'articolo Come disabilitare l’editor WordPress Gutemberg solo in alcuni post types sembra essere il primo su Target Web.