Ammetto subito di\u00a0non essere un\u00a0adepto della religione chiamata SEO: la\u00a0logica astratta e\u00a0l\u2019esperienza pratica mi\u00a0suggeriscono che un\u00a0sito costruito bene dal punto di\u00a0vista tecnico e\u00a0riempito di\u00a0contenuti e\/o funzionalit\u00e0 interessanti non pu\u00f2 non diventare popolare tra le\u00a0persone alle quali \u00e8\u00a0destinato (e\u00a0ognuno \u00e8\u00a0libero di\u00a0creare un\u00a0sito utile ad\u00a0appena due persone su\u00a0tutto il\u00a0pianeta). Allo stesso tempo, riconosco che spesso \u00e8\u00a0necessario mostrare al\u00a0cliente, al\u00a0capo o\u00a0al\u00a0proprio cervello pieno di\u00a0dubbi di\u00a0avere fatto tutto il\u00a0possibile per garantire al\u00a0sito costruito o\u00a0gestito una posizione alta tra i\u00a0risultati di\u00a0ricerca…
\nAlmeno in\u00a0questa sede evito di\u00a0raccontarvi dei vari riti quasi magici riguardanti il\u00a0modo di\u00a0scrivere i\u00a0testi o\u00a0di\u00a0inserire le\u00a0immagini.
\nVi\u00a0racconto, invece, quali meta tag sono da\u00a0inserire nei codici delle pagine del vostro sito per guadagnarsi\u00a0\u2013 come si\u00a0spera!\u00a0\u2013 una maggiore fiducia da\u00a0parte dei sistemi di\u00a0ricerca tipo Google\u00a0e, dunque, salire\u00a0\u2013 come si\u00a0spera! \u2013\u00a0pi\u00f9 in\u00a0alto possibile nella lista dei risultati mostrati agli utenti.
\nCome sostengono i\u00a0sacerdoti del SEO esperti, attualmente i\u00a0meta tag realmente utili non sono tanti: http-equiv, viewport, generator, title, author, copyright e\u00a0description.<\/p>\n
Attenzione! Il\u00a0meta tag keywords \u00e8\u00a0al\u00a0giorno d\u2019oggi ritenuto dannoso perch\u00e9 a\u00a0partire dal\u00a02009 non viene pi\u00f9 preso in\u00a0considerazione (o\u00a0viene addirittura penalizzato) da\u00a0Google. Succede perch\u00e9 i\u00a0vari addetti al\u00a0SEO poco seri avevano esagerato con l\u2019utilizzo del keywords, assegnando alle pagine da\u00a0loro promosse delle parole-chiave popolari, ma\u00a0assolutamente estranee ai\u00a0contenuti reali delle pagine concrete.<\/p><\/blockquote>\n
Se\u00a0state leggendo questo paragrafo, molto probabilmente sapete gi\u00e0 cosa sono i\u00a0meta tag delle pagine web, ma\u00a0per sicurezza li\u00a0commento molto, molto brevemente. In\u00a0sostanza, sono dei tag (X)HTML <meta> che possono essere usati per specificare le\u00a0informazioni di\u00a0servizio su\u00a0una pagina web. Tali informazioni sono collocate all\u2019interno del contenitore <head>…<\/head> del codice della pagina e\u00a0non vengono mostrate all\u2019utente sullo schermo. Quei meta tag che ci\u00a0interessano ora sono i\u00a0seguenti:
\n\u2013\u00a0http-equiv\u00a0\u2013 il\u00a0tipo del documento inviato e\u00a0la\u00a0sua codifica;
\n\u2013\u00a0viewport\u00a0\u2013 i\u00a0dati sull\u2019impostazione del viewport (per il\u00a0corretto adattamento della pagina allo schermo sul quale viene visualizzata);
\n\u2013\u00a0generator\u00a0\u2013 il\u00a0tipo e\u00a0la\u00a0versione del CMS del sito;
\n\u2013\u00a0title\u00a0\u2013 il\u00a0titolo della pagina o\u00a0dell\u2019articolo (tecnicamente non \u00e8\u00a0un\u00a0meta tag, ma\u00a0\u00e8\u00a0un\u00a0parametro comunque molto utile dal punto di\u00a0vista del SEO);
\n\u2013\u00a0author\u00a0\u2013 l\u2019autore della pagina o\u00a0dell\u2019articolo;
\n\u2013\u00a0copyright\u00a0\u2013 il\u00a0copyright sui contenuti della pagina o\u00a0dell\u2019articolo;
\n\u2013\u00a0description\u00a0\u2013 la\u00a0descrizione della pagina web.
\nTutti i\u00a0tag appena elencati sono facilissimi da\u00a0inserire manualmente nei codici delle pagine di\u00a0un\u00a0sito fatto non con un\u00a0CMS, ma\u00a0con dei semplici file singoli: sicuramente lo\u00a0avete letto sui vari manuali di\u00a0HTML consultati all\u2019inizio della carriera. Ma\u00a0se\u00a0utilizziamo un\u00a0CMS come WordPress, non abbiamo un\u00a0codice separato per ogni pagina del sito, ma\u00a0solo i\u00a0template generici utilizzati per la\u00a0visualizzazione di\u00a0una qualsiasi quantit\u00e0 di\u00a0pagine. Di\u00a0conseguenza, ci\u00a0serve un\u00a0modo di\u00a0generare automaticamente i\u00a0meta tag in\u00a0base al\u00a0contenuto visualizzabile su\u00a0ogni singola pagina del sito.
\nPrima di\u00a0tutto aprite con il\u00a0vostro editor del codice il\u00a0file header.php del tema del vostro sito basato su\u00a0WordPress. Nel contenitore <head>…<\/head> da\u00a0qualche parte sar\u00e0 sicuramente presente questa riga:<\/p>\n\n&lt;?php wp_head(); ?&gt;\n<\/pre>\nSe\u00a0per qualche strano motivo manca, inseritela: vi\u00a0sar\u00e0 molto utile, praticamente indispensabile. La\u00a0sua presenza \u00e8\u00a0importante soprattutto perch\u00e9 si\u00a0tratta di\u00a0una funzione che automatizza la\u00a0comparsa dei meta tag viewport e\u00a0generator sempre aggiornati: non dobbiamo pi\u00f9 preoccuparci per questi due! Inoltre, tale funzione \u00abassorbe\u00bb\u00a0\u2013 come vedremo tra poco\u00a0\u2013 gli altri meta tag che creiamo noi e\u00a0li\u00a0inserisce nel codice della pagina dove e\u00a0quando serve.
\nAndiamo avanti. Sempre nel contenitore <head>…<\/head> ci\u00a0deve gi\u00e0 essere il\u00a0tag title. Nel caso di\u00a0un\u00a0sito realizzato con WordPress la\u00a0sua forma ottimale \u00e8\u00a0la\u00a0seguente, con le\u00a0variabili che assumono il\u00a0titolo della pagina (wp_title) e\u00a0il\u00a0nome del sito (bloginfo) che sicuramente sono stati creati nella admin del sito:<\/p>\n\n&lt;title&gt;&lt;?php wp_title(&#039;&amp;laquo;&#039;, true, &#039;right&#039;); ?&gt; &lt;?php bloginfo(&#039;name&#039;); ?&gt;&lt;\/title&gt;\n<\/pre>\nMa\u00a0potete anche minimizzare, lasciando solo il\u00a0titolo della pagina o\u00a0dell\u2019articolo, senza il\u00a0nome del sito:<\/p>\n
\n&lt;title&gt;&lt;?php wp_title(&#039;&amp;laquo;&#039;, true, &#039;right&#039;); ?&gt;&lt;\/title&gt;\n<\/pre>\nMolto probabilmente nel contenitore <head>…<\/head> del vostro tema \u00e8\u00a0gi\u00e0 presente anche il\u00a0meta tag http-equiv. Vi\u00a0dico, comunque, che la\u00a0sua forma ottimale \u00e8\u00a0questa:<\/p>\n
\n&lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;&lt;?php bloginfo(&#039;html_type&#039;); ?&gt;; charset=&lt;?php bloginfo(&#039;charset&#039;); ?&gt;&quot; \/&gt;\n<\/pre>\nOra possiamo occuparci dei meta tag author e\u00a0copyright. Se\u00a0l\u2019autore\u00a0\/ proprietario del sito \u00e8\u00a0uno solo (e\u00a0se\u00a0siete sicuri che sar\u00e0 uno solo per sempre o\u00a0per molto tempo), possiamo non sforzarci troppo e\u00a0inserire i\u00a0rispettivi meta tag esattamente come lo\u00a0avremmo fatto su\u00a0un\u00a0sito realizzato senza alcun CMS. Quindi in\u00a0un\u00a0qualsiasi punto del contenitore <head>…<\/head> inseriamo questo codice:<\/p>\n
\n&lt;meta name=&quot;author&quot; content=&quot;Eugi Gufo&quot; \/&gt;\n&lt;meta name=&quot;copyright&quot; content=&quot;Eugi Gufo&quot; \/&gt;\n<\/pre>\nOvviamente, non dimenticatevi di\u00a0cambiare i\u00a0valori del content…
\nSe, invece, volete una soluzione pi\u00f9 evoluta, quella che controlla il\u00a0nome dell\u2019autore di\u00a0ogni singolo articolo e\u00a0di\u00a0ogni singola pagina, dovete intervenire sul file functions.php del vostro file WordPress. In\u00a0un\u00a0qualsiasi punto di\u00a0quel file\u00a0\u2013 il\u00a0punto che vi\u00a0sembra pi\u00f9 logico o\u00a0pi\u00f9 comodo\u00a0\u2013 inserite la\u00a0seguente funzione:<\/p>\n\nfunction meta_author_copyright() {\n if ( is_single() || is_page() ) {\n $author_name = get_the_author_meta( &#039;display_name&#039; ); \/\/ recuperiamo il nome dell&#039;autore\n $copyright = &#039;&amp;copy; &#039; . date(&#039;Y&#039;) . &#039; &#039; . esc_html( $author_name ); \/\/ recuperiamo il copyright: si aggiungi anche l&#039;eventuale anno corrente\n echo &#039;&lt;meta name=&quot;author&quot; content=&quot;&#039; . esc_attr( $author_name ) . &#039;&quot;&gt;&#039; . &quot;\\n&quot;; \/\/ stampiamo il metatag author\n echo &#039;&lt;meta name=&quot;copyright&quot; content=&quot;&#039; . esc_attr( $copyright ) . &#039;&quot;&gt;&#039; . &quot;\\n&quot;; \/\/ stampiamo il metatag copyright\n }\n}\nadd_action( &#039;wp_head&#039;, &#039;meta_author_copyright&#039;, 20 );\n<\/pre>\nTale funzione non va\u00a0richiamata nel file header.php perch\u00e9, come potete vedere alla riga\u00a09 del listing appena riportato, il\u00a0suo risultato viene automaticamente trasmesso alla funzione wp_head() gi\u00e0 menzionata poco sopra (proprio quella che deve necessariamente essere presente nel contenitore <head>…<\/head>). Volendo, potete eliminare l\u2019indicazione dell\u2019anno corrente, trasformando la\u00a0riga 4\u00a0in\u00a0questo modo:<\/p>\n
\n$copyright = &#039;&amp;copy; &#039; . esc_html( $author_name );\n<\/pre>\nIn\u00a0ogni caso, la\u00a0funzione appena mostrata sar\u00e0 particolarmente utile in\u00a0almeno una delle due situazioni: 1)\u00a0se\u00a0sul sito scrive pi\u00f9 di\u00a0una persona; 2)\u00a0se\u00a0il\u00a0nome del proprietario e\u00a0dell\u2019autore unico potrebbe cambiare col tempo per uno qualsiasi dei motivi immaginabili (per esempio: l\u2019adozione di\u00a0uno pseudonimo, il\u00a0cambio dei dati anagrafici, il\u00a0ritorno al\u00a0nome originale, la\u00a0cessione del sito etc.). \u00c8\u00a0spesso molto pi\u00f9 facile cambiare il\u00a0nome nella admin del sito che nel codice!<\/p>\n
N.B.: la\u00a0funzione \u00e8\u00a0gi\u00e0 progettata in\u00a0modo da\u00a0non entrare in\u00a0conflitto con i\u00a0plugin di\u00a0SEO eventualmente utilizzati sul sito, ma, comunque, non \u00e8\u00a0mai eccessivo controllare.<\/p><\/blockquote>\n
E\u00a0ora, finalmente, passiamo al\u00a0meta tag description. Su\u00a0un\u00a0sito realizzato senza alcun CMS avremmo fatto in\u00a0questo modo:<\/p>\n
\n&lt;meta name=&quot;description&quot; content=&quot;Ci va una descrizione sensata del sito. Non scrivere che si tratta del miglior sito al mondo, racconta cosa contiene la pagina concreta!&quot;&gt;\n<\/pre>\nQuesto modo andrebbe bene anche per un\u00a0sito costruito con un\u00a0CMS ma\u00a0costituito da\u00a0una sola pagina (in\u00a0quel caso l\u2019unica riga del codice appena mostrata nel listing\u00a08 va semplicemente inserita in\u00a0un\u00a0qualsiasi punto del contenitore <head>…<\/head>). Per tutti gli altri siti pi\u00f9 evoluti bisogna invece scrivere una funzione in\u00a0PHP.
\nSupponiamo di\u00a0voler creare il\u00a0meta tag description per tutti gli articoli e\u00a0per tutte le\u00a0pagine del nostro sito WordPress. Supponiamo anche di\u00a0non voler complicare troppo la\u00a0futura amministrazione del sito, cio\u00e8 non obbligare l\u2019autore del sito (o\u00a0noi stessi) a\u00a0inventare e\u00a0inserire nel database il\u00a0testo di\u00a0descrizione di\u00a0ogni nuova pagina. La\u00a0soluzione \u00e8\u00a0banalissima: assegniamo al\u00a0meta tag description il\u00a0valore del \u00abriassunto\u00bb dell\u2019articolo o\u00a0della pagina!<\/p>\n