Practicant s'aprèn

Una de les característiques dels sistemes gestors de contingut com WordPress és l’utilització d’eines per classificar i ordenar el contingut que emmagatzema.

Estructurar correctament les categories WordPress, aporta beneficis directes i indirectes per al teu blog.

El repositori oficial de wordpress parla de la taxonomia wordpress com un mecanisme per a agrupar (i ordenar) entrades d’una mateixa temàtica.

Configurar i utilitzar les categories i etiquetes de forma adient, dóna més oportunitats i permet aprofitar millor el tràfic que ens arriba de Google.

No està clar, però que afecti directament al SEO. Uns experts diuen que si, i d’altres que no. Tot i això, és molt senzill fer-ho bé i per tant cal aprofitar aquesta opció per a què sigui positiva sobre el conjunt del nostre lloc web.

Beneficis d’organitzar les categories WordPress:

• Millora la retenció de l’usuari.
• Més clics en els resultats de cerca de Google.
• Navegació més fluida pel teu lloc web.

O això o tot el contrari:

Si no es configuren bé, existeix el perill que es dupliqui contingut i per tant d’engegar a dida els nostres esforços organitzatius…

Llegeix aquesta entrada per saber com s’han de configurar i utilitzar les categories i les etiquetes wordpress per a que sumin.

Conceptes bàsics sobre com classificar les entrades

Imagina’t que les categories són els capítols d’un llibre o el sumari d’una revista.

Per tant, les categories serien com els temes o les temàtiques amb que es podrien agrupar les teves entrades. La recomanació és tenir-ne poques (<8/9) per a simplificar la navegació, però això és una opció personal.

Amb el mateix exemple del llibre, establim que les etiquetes són els termes rellevants que apareixen en les entrades com si es tractes d’un índex analític. La principal funció de les etiquetes és que l’usuari pugui trobar amb rapidesa els articles que continguin les mateixes paraules rellevants. Aquest és el veritable valor afegit de les etiquetes.

El nombre màxim d’etiquetes per article no hauria de ser més gran que 5 (<5).

A partir d’aquest nombre, hi ha algorismes automàtics que penalitzen com spam les publicacions amb massa etiquetes (o hashtags), com per exemple a les xarxes socials d’Instagram, Tumblr o fins i tot a twitter.

Al teu blog, fes el que creguis raonable, pensant sempre si estàs ajudant a l’usuari com per exemple a l’hora de trobar la informació relacionada en entrades i categories diferents.

Per elaborar una bona llista de categories, prova de fer-la amb mapes mentals. L’organització visual permet establir relacions entre idees, conceptes i paraules. Jo els utilitzo habitualment per a pensar i estructurar les idees de les meves entrades.

Com Configurar les Categories i Etiquetes de WordPress

Configura les Categories WordPress,

En l’escriptori WordPress, ves al menú lateral Entrades > Categories per a accedir a la pantalla de configuració de les categories:

Paràmetres de les Categories WordPress,

1. Nom: Introdueix el nom de la categoria. És interessant pensar noms de temàtiques concretes, més que els noms genèrics.
2. El Resum: S’han d’introduir les paraules que formaran part de l’enllaç de la categoria. Va acompanyat de guions per a separar les paraules i només poden ser caràcters en minúscula. Poden ser paraules diferents (millor sinònims) del nom de la categoria.
3. Subcategories: Aquesta funció permet crear arbres de categories i inserir categories derivades de la principal. Un bon ús d’aquesta opció (no masses sub-categories) afavoreix la navegació pel nostre lloc web.
4. Descripció: Molt important no deixar buida l’explicació de la categoria. De cara a Google, li serveix per entendre millor els temes de les publicacions que fas de forma resumida. La descripció hauria de tenir unes 200 paraules (més o menys) i incloure alguna paraula clau no massa ‘obvia’ de la temàtica en qüestió.

Edició de les categories WordPress existents,

En l’apartat de categories existents, si passes el ratolí per sobre del nom apareixen les opcions d’edició.

Es pot:

• Editar (edició sencera): Et permet modificar les mateixes opcions que a l’hora de crear-ne una de nova.
• Editar de forma ràpida: només el nom i l’enllaç de la categoria sense canviar de pantalla.
• Suprimir: Suprimeix la categoria i el seu enllaç, però no esborra les entrades assignades a la categoria
• Visualitzar: Mostra un llistat de totes les entrades de la categoria.

A tenir en compte:

• Si canvies l’enllaç o esborres una categoria, el pròxim report d’errors d’URL de les Eines d’Administradors Web de Google, inclourà els enllaços trencats de la categoria que ja no existeix. Això són errors que convé reparar.
• La visualització de la descripció de la categoria depèn del tema que utilitzis. Consulta la documentació del ‘Theme’ abans d’instal·lar-ho, sobretot si és gratuït. La gran majoria dels temes de pagament acostumen a mostrar aquest camp. En el cas que no es visualitzi, prova d’utilitzar algun plugin de categories.
• Les categories i les etiquetes només s’apliquen per a classificar i ordenar les entrades. No s’aplica per a les pàgines que crees amb WordPress que representa el contingut estàtic i que no canvia.

Configura les Etiquetes WordPress,

En l’escriptori WordPress, ves al menú lateral Entrades > Etiquetes per a accedir a la pantalla de configuració de les etiquetes:

Els paràmetres són els mateixos que els de les categories, a excepció de no poder crear ‘sub etiquetes ‘ i la representació en format núvol de paraules. Per la resta funcionen igual.

Creació de noves etiquetes:

1. Nom: Introdueix el nom de l’etiqueta. Vigila els errors de les etiquetes igual diferenciades pel plural o singular.
2. El Resum: l’etiqueta inclou la paraula tag a l’enllaç: el meudomini.com/tag/plugins-wordpress
3. Descripció: En aquest cas no s’acostuma a omplir. És opcional.

Edició de les etiquetes WordPress existents,

Igual que en les categories, el pas del cursor del ratolí mostrà les opcions d’edició.

Es pot:

• Editar (edició sencera): Et permet modificar les mateixes opcions que a l’hora de crear-ne una de nova.
• Editar de forma ràpida: només el nom i l’enllaç de l’etiqueta sense canviar de pantalla.
• Suprimir: Suprimeix la paraula i el seu enllaç, però no esborra les entrades amb l’etiqueta.
• Visualitzar: Mostra un llistat de totes les entrades de la categoria.

En el llistat d’etiquetes, una dada molt útil és el nombre d’entrades per etiqueta. D’aquesta forma veiem les paraules a esborrar que actualment no tenen cap entrada assignada o els errors comesos.

Com assignar categories i etiquetes a les entrades,

Des de l’editor WordPress d’entrades, selecciona la categoria existent en el caixetí de Categories o en crees una de nova. Per afegir etiquetes, les introdueixes en el caixetí d’etiquetes que tens a sota del de categories.

En el meu cas, només utilitzo les categories per a classificar el contingut. Les etiquetes ara mateix no les utilitzo massa, però en tinc unes 100 que hauria de revisar per a millorar la usabilitat del meu lloc web…

Els següents passos,

El següents passos a fer són optimitzar les categories i etiquetes de cara al SEO i d’això s’encarrega el fantàstic plugin de Yoast. Llegeix en el meu manual de WordPress SEO by Yoast com he configurat jo l’extensió en l’apartat de les taxonomies wordpress per a que Google només indexi les categories i no les etiquetes. Així d’aquesta forma evito duplicar contingut.

Un truc:

Si vols eliminar la paraula ‘category‘ o categoria de l’enllaç de l’entrada, utilitza la mateixa extensió.

Activa la marca en el primer caixetí de la pestanya: WordPress SEO Yoast > Avançada > Enllaços Permanents

Apa ara et toca a tu practicar amb les categories i etiquetes wordpress.

Si saps d’un plugin útil per administrar-les, si us plau fes-me un comentari!

Moltes gràcies per llegir-me.

David Vidal.

No trigues massa a adonar-te que wordpress.com s’et queda petit.

Encara que paguis, de seguida et topes amb els límits del servei. Podríem dir que “wordpress.com és com anar en bus ‘borreguer’ podent anar en cotxe elèctric…

En aquesta entrada et mostraré pas a pas com ho has de fer per migrar un blog allotjat a wordpress.com a un blog wordpress allotjat en un servidor propi fent la carta dels reis,… és a dir, sense perdre els subscriptors que ja tens, conservant tot el contingut i mantenint el teu rànquing a Google.

Els Motius del Canvi

WordPress.com és una bona solució quan comences en el món dels blogs, però ràpidament t’adones que la plataforma imposa limitacions que t’impedeixen créixer. La competència en el món digital és molt dura i necessites la millor plataforma de la teva part per crear i aprofitar les oportunitats. Sense aquest control es fa molt difícil progressar.

Avantatges clars de tenir wordpress en un servidor propi

• Lliure d’utilitzar plugins.
• Modificar temes i escollir-ne entre milers.
• Inserir publicitat pròpia.
• Posar en marxa la meva botiga.
• Desenvolupar i vendre els teus propis productes digitals.
• La llibertat de tenir tot el control del teu contingut i les teves dades. Tu manes.

Guia per a Migrar a WordPress.org (Cas 1)

Migrar a wordpress.org vol dir primerament escollir un pla de hosting on allotjar el teu blog wordpress.

WordPress.org no ofereix directament serveis de Hosting. Tot i això, en l’enllaç Hosting del repositori, trobaràs les recomanacions ‘oficials’ sobre allotjaments web wordpress que no he provat, però pel que he llegit sembla que van força bé.

No fa massa vaig publicar una entrada amb tot el que necessites saber per trobar bons allotjaments per a wordpress. Consulta-la per saber amb quins servidors wordpress treballo sense que tinguis que gastar-te un dineral i que fins i tot la teva avia/avi podrien fer funcionar.

Migració Cas 1: De blog gratuït a domini de pagament

Ei, aquesta guia només aplica al cas que aquí descric! Qualsevol altre, tot i tenir semblances, no té perquè seguir els mateixos passos.

1.1 Exporta tot el contingut del blog a migrar

Tot comença exportant tot el contingut que has publicat fins ara al blog que vols migrar. WordPress.com t’ofereix l’opció gratuïta que ja has començant a fer si estàs llegint això o l’opció ‘pagandini’ que per 129 € et fa la migració un/una ‘Enginyer/ra de la Felicitat’ … 😅

Quan exportis, assegura’t que tries tot el contingut,

aquí tens tot el contingut empaquetat… en un fitxer XML.

Reserva’l per més tard.

ATENCIÓ: El tema instal·lat no s’importa! Només el contingut.

1.2 Instal·la wordpress en el servidor propi

Si ja disposes del hosting, per continuar amb la migració abans hauràs d’haver d’instal·lat wordpress.

• Guia sobre com Instal·lar wordpress al teu hosting en 5 minuts

1.3 Importa tot el contingut al blog nou

En el tauler d’administració del teu blog nou, ves a Eines > Importa

Selecciona WordPress,

Instal·la el plugin,

L’actives i l’executes,

Selecciones l’arxiu que abans havies reservat…

Quan l’importes et dóna l’opció d’assignar nous autors a les entrades o deixar els mateixos. Marca la casella per importar totes les imatges o els fitxers associats a les entrades.

Prem ‘Submit’ i deix que acabi. Segons la quantitat d’elements a descarregar trigarà poc o molt. Després revisa les entrades per veure si falten imatges (alguna faltarà…).

1.4 Re-organitza i actualitza els enllaços permanents, interns i externs en el blog nou

En els primers mesos de la migració (o l’any), cal respectar l’estructura dels enllaços permanents del blog antic. WordPress.com no et deix canviar l’estructura i treballa per defecte amb /any/mes/dia/nom-entrada. 

En el blog nou, has de seleccionar els enllaços permanents igual mentre duri el redireccionament del blog antic, Paràmetres > Enllaços permanents

El motiu per mantenir l’estructura és evitar enllaços trencats en les entrades antigues indexades per Google. Quan algú cerqui i trobi una entrada amb la direcció antiga del blog, al clicar-la rebotaran al blog nou si es manté l’estructura i la redirecció.

Amb el temps Google anirà indexant les noves direccions i quan es deixi de redireccionar el blog antic, llavors serà bon moment per canviar l’estructura dels enllaços permanents. Aquesta és una manera de fer-ho, entre d’altres.

Aquesta extensió ens estalvia molt temps a l’hora de canviar tots els enllaços del lloc web en comptes de fer-ho un a un. Amb un clic actualitzes totes les direccions velles per les noves.

Velvet Blues Update URLs,

1.5 Instal·la Jetpack al blog nou i migra els subscriptors del blog antic

A l’hora de migrar és MOLT important endur-se les subscripció per correu dels seguidors del blog antic. Per això has d’instal·lar el super plugin Jetpack en el blog nou.

Un cop instal·lat, per activar-lo has de connectar el teu compte wordpress.com posant usuari i contrasenya.

Torna al compte de wordpress.com i en la pestanya Opcions > General, clica en ‘migrate followers‘

Selecciona el blog a migrar i clica a migrar,

Un cop activat el procés rebràs dos correus: un per avisar-te que s’han començat a migrar seguidors i l’altre quan s’ha acabat!

Per a comprovar que s’han migrat, en el blog nou has d’anar al tauler d’administració: Jetpack > Estadístiques del lloc web > Subscripcions (caixetí del exemple no tenia seguidors…)

1.6 Canvia la visibilitat del blog antic

En el blog antic, anuncia que canvies de direcció i transforma’l en privat: Opcions > General

1.7 Aplica un redireccionament 301 al blog antic

Per evitar perdre els rànquings SEO de google de l’antiga direcció, es recomanable redireccionar el lloc web. Aquest servei val 13€/any i es una forma de mantenir el tràfic del blog antic en el nova direcció. Val la pena i és molt fàcil de fer.

El redireccionament permanent és bo i útil,

Poses la direcció nova i cliques el botó blau, pagués i llestos.

1.8 Si quelcom va malament contacta amb wordpress.com

Teòricament no hauries de tenir problemes seguint això, però la realitat s’encaparra en seguir els seus propis plans…En cas de problemes pots consultar els fòrums de wordpress.com a veure si trobes resolts els teus dubtes o plantejar preguntes. Recorda que wordpress.com cobra per fer la migració…

• https://es.forums.wordpress.com
• https://en.support.wordpress.com
• https://en.forums.wordpress.com

per a contactar amb els Enginyers de la Felicitat de wordpress, vés a:

https://en.support.wordpress.com/contact/

1.9 Per acabar,

Si tot ha anat bé, comença a construir el blog que desitges sense limitacions

Consulta els primers passos a seguir amb wordpress i després posa’t al dia amb els plugins i serveis que t’ajudaran a crear el teu imperi online:

• Llistat de plugins imprescindibles
• Introducció a l’analítica web amb Google Analytics
• Google Webmaster tools, eina imprescindible si tens una web
• Manual de WordPress SEO by Yoast 2015

Benvingut/da a l’aventura!

Els ginys wordpress (wordpress widgets) són petits contenidors visuals que afegeixen funcionalitats i contingut en les barres laterals o en les parts del tema que permeten el seu ús.

En aquesta entrada aprendràs a treure i posar ginys wordpress existents o afegir-ne de nous. Els punts a explicar en aquesta entrada són:

• Esbrina les ‘widget-areas‘ existents del teu tema
• Com activar i desactivar ginys existents
• Com afegir ginys nous

Com Personalitzar els Ginys WordPress

1. Primer: esbrinar les widget-areas existents en el teu tema

Fent un diagrama de blocs d’una pàgina web, les àrees més habituals on els ginys s’ubiquen són les barres laterals, les centrals i els peus. Tot i això també poden trobar temes que defineixin zones en la capçalera i en la pàgina d’inici.

En el meu blog, els ginys es posicionen majoritàriament en la barra lateral esquerra i en el peu inferior de la pàgina web,

Si vols conèixer les zones ginys que el teu tema accepta, vés al tauler d’administració wordpress:  Aparença > Ginys

2. Com Activar (i desactivar) Ginys Existents

Per afegir o treure ginys de les barres laterals, cal accedir al menú lateral del tauler wordpress: Aparença > Personalitza. Amb aquesta opció activem el personalitzador del tema que és l’assistent per a configurar de forma bàsica un tema wordpress i també els ginys.

Abans de confirmar els canvis, permet veure com quedaran les modificacions,

3. Ginys habituals i com afegir-ne de nous

En l’apartat de configuració dels ginys (Aparença > Ginys) trobaràs tres zones diferenciades:

1. Gins disponibles: Són tots els ginys que es poden activar en la teva ‘widget area’.
2. La ‘Widget Area‘: Les ubicacions on es mostraran els ginys quan els activem.
3. Gins inactius: En aquesta secció es guarden els ginys que hem desactivat per si volem conservar la configuració. També quan canvien un tema, els ginys associats a l’antic i no suportats pel nou es col·loquen aquí.

Els ginys més habituals tenen a veure amb el contingut publicat al blog. Dins de qualsevol tema trobaràs per defecte el següent llistat:

• Entrades recents: mostrar les publicacions recents.
• Comentaris recents: mostra els comentaris recents.
• Barra de Cerca: instal·la una barra de cercar dins del lloc web.
• Categories: Mostra les categories del blog
• Núvol d’etiquetes: Mostra el núvol d’etiquetes.
• Text: Permet inserir codi HTML. Molt útil per afegir els contenidors iframes.
• Imatge de Gravatar: Mostra la imatge de Gravatar.
• Entrades RSS: Mostra les entrades d’un canal RSS.
• Calendari: Mostra un calendari amb el dia que s’han publicat les entrades.
• Caixa de m’agrada de Facebook: Aquest és opcional. Possiblement s’ha d’instal·lar mitjançant un plugin.

Per afegir-ne de nous fàcilment has d’instal·lar plugins. En el repositori oficial de wordpress.org trobaràs tots els gins que vulguis i més.

Alguns força útils com el plugin Simple Image Widget que afegeix imatges a les barres laterals. Molt utilitzat per incloure anuncis de forma limitada o per mostrar imatges amb enllaços a pàgines.

4. Quina diferència hi ha amb els ginys de wordpress.com?

Tot el que he explicat serveix més o menys encara que tinguis la teva web a wordpress.com. L’única diferència és que només podràs utilitzar els ginys que venen per defecte de wordpress i els del tema que escolleixis. Com que no està permès instal·lar plugins, els ginys que veus són els que hi ha.

Si incloure publicitat pròpia en els ginys de wordpress.com, sàpigues  que no està permes (als plans Enterprise o VIP si, però són very high level!!)

Si tens pensat monetitzar el teu blog, sens dubte wordpress.com no és la millor opció per començar… a menys que siguis una empresa amb unes necessitats digitals força altes.

Els menús de navegació wordpress depenen del tema que escolleixis. La gran majoria accepten menús diversos sent els més habituals un menú primari i un altre de secundari. Normalment es posicionen horitzontalment en la capçalera , però també es poden ubicar de forma vertical en els laterals. Els menús de navegació són elements claus alhora de guiar el visitant per les diferents seccions del teu lloc web. Utilitzar un disseny clar i senzill, afavoreix l’exploració.

En aquesta entrada aprendràs a crear menús de navegació amb wordpress des de l’editor de menús. Els punts a explicar són:

• Com crear menús des de zero i com editar-los
• Afegir submenús i desplegables
• Com afegir pàgines
• Com afegir enllaços externs al menús
• Les opcions de pantalla i l’ajuda.

Com crear (i editar) els menús de navegació wordpress mitjançant el personalitzador

1. Els detalls del tema wordpress

Com a exemple pràctic del que explicaré, utilitzaré el tema gratuït Twenty Fourteen que permet instal·lar dos menús: el primari en la capçalera frontal i el secundari en la barra lateral esquerra.

Per esbrinar quants menús té un tema abans d’instal·lar-ho, ho podem consultar en els detalls del tema:

Per això s’ha d’accedir al menú d’administració del tauler wordpress: Aparença > Temes

Els menús del tema exemple,

2. Personalitzant els menús de navegació

En el tauler d’administració wordpress accedeix al personalitzador de menús dins de: Aparença > Menús

El personalitzador et permet crear menús de navegació SENSE PROGRAMAR en HTML. Les opcions que hi ha són:

• Edició dels menús: Permet editar el menú o crear-ne de nous.
• Ubicació dels menús: Permet assignar  (o canviar) una posició als menús creats.
• Opcions de pantalla: Mostra tots els elements que es poden incloure dins del menú com pàgines, entrades, categories o enllaços personalitzats. També activa (o desactiva) les opcions avançades dels elements de navegació .
• Ajuda: Mostra l’ajuda de wordpress associada als menús i referencies d’enllaços externs on trobar més informació al respecte (en anglès).

3. Edició: Crea o edita menús

En el caixetí de l’esquerra, tenim tots els elements possibles que poden afegir-se al menú, classificats segons tipus (pàgines, entrades, etc). En l’exemple es veu com afegim la pàgina ‘Qui Som’ al menú que hem anomenat ‘Superior’. Seleccionem la pàgina i cliquem ‘Afegeix al menú’ per incorporar l’element al menú.

Per fixar l’element afegit, cal prémer el botó blau ‘Desa el menú’.

En el caixetí de la dreta desplegant la barra de l’element afegit i tenim a l’abast la resta de paràmetres a configurar:

1. Tipus d’element: En aquest cas l’element de navegació enllaça amb la pàgina ‘Qui Som’.
2. Etiqueta de navegació: Títol de l’element de navegació que pot ser diferent del nom del document enllaçat.
3. Títol de l’atribut:Informació addicional que es veu quan es passa el ratolí per sobre de l’element.
4. Destinació de l’enllaç: Obrir l’enllaç en una finestra o pestanya nova.
5. Classes CSS: Afegeix les classes CSS per canviar l’aspecte dels enllaços amb les fulles d’estil.
6. Relació amb l’enllaç (XFN): Afegeix l’atribut HTML rel=’ ‘ a l’enllaç que indica la relació entre l’element i el document enllaçat. Originàriament es va dissenyar per assignar la notació XFN a l’enllaç que és una forma d’especificar relacions humanes dins dels enllaços. Avui dia s’utilitza més per assignar un ‘nofollow‘ als enllaços externs de pagament, de poca confiança o que no interessa que rebi part del del ‘PageRank‘ del teu lloc web.
7. Descripció: Descripció llarga de l’element enllaçat que alguns temes suporten.
8. Ubicació dins del menú: Podem ubicar l’element on ens convingui més (principi, final, mig, etc). Fins i tot, el podem inserir dins d’un altre element, fent un desplegable.
9. Suprimir l’element de navegació: Només esborra l’element de navegació. No el document enllaçat.

Trobaràs més informació en el còdex wordpress, però aquí ho tens tot resumit.

4. Reorganitza els elements de navegació arrastrant i deixant anar

Un cop tens el menú complert els elements de navegació es poden moure i re-organitzar amb el ratolí com si fossin blocs gràfics amb la més que coneguda característica del arrastrar i deixar anar (drag and drop).

També els pots inserir, creant submenús desplegables,

Aquest menú es veuria així:

5. Gestió de les ubicacions dels menús

Aquesta pestanya permet assignar les barres de navegació a la posició primaria o secundària, segons el tema.  El Twenty Fourteen de l’exemple permet posicionar o bé en la capçalera superior o en la barra lateral esquerra.

6. Opcions de pantalla: Control dels elements de navegació i els seus atributs

Amb el botó d’Opcions de pantalla podem controlar els elements a incloure dins dels menús,

i també els atributs a configurar després,

7. Afegir enllaços personalitzats al menú de navegació

Per afegir enllaços personalitzats, abans cal haver activat l’opció de pantalla que ho permet.

Llavors només cal afegir la direcció URL que vulguem enllaçar,

i després incloure-la dins el menú,

Així és com és com es crea l’enllaç a la pàgina d’inici en el menú de navegació.

8. Selecció de menús a editar

Si desitges editar els menús que has creat, només els has de seleccionar en el desplegable dins de la pestanya d’edició,

9. La pestanya Ajuda

Desplega la pestanya ajuda si necessites trobar més informació al respecte,

i fins aquí s’ha acabat l’explicació teòrica. Ara a practicar!