Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS...

98
Manual del curso Creación de blogs y webs con WordPress

Transcript of Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS...

Page 1: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Manual del cursoCreación de blogs y webs con WordPress

Page 2: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

Page 3: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

ÍNDICE

Introducción������������������������������������������������������������������������������������������������������������������������������������������������������������ 5

Unidad 1� Creación de blogs y webs como formas de inclusión���������������������������������������������������������������������������� 9

1.2. Ventajas e inconvenientes de la web 2.0 .................................................................................................... 11

1.3. Identidad digital: tu marca personal .......................................................................................................... 13

1.4. ¿Qué es una web y un blog? ....................................................................................................................... 19

1.5. Ejemplos de webs y blogs exitosos. Los más visitados ............................................................................... 21

Resumen ........................................................................................................................................................... 23

Unidad 2� Sistemas de gestión de contenidos: WordPress ���������������������������������������������������������������������������������� 27

2.1. ¿Cómo se estructura una web? .................................................................................................................. 28

2.2. ¿Qué son los Sistemas de Gestión de Contenido (CMS)? ............................................................................ 32

2.3. Tipos de CMS .............................................................................................................................................. 34

2.4. Ventajas y desventajas de los CMS............................................................................................................. 37

2.5. WordPress, un CMS versátil ........................................................................................................................ 38

Resumen ........................................................................................................................................................... 40

Unidad 3� Creación de un sitio web mediante WordPress ����������������������������������������������������������������������������������� 43

3.1. Instalación y configuración de WordPress .................................................................................................. 44

3.2. Elementos básicos de WordPress ................................................................................................................ 49

3.3. Diseño y apariencia .................................................................................................................................... 51

3.4. Mantenimiento y actualización ................................................................................................................... 55

3.5. Ajustes del sitio .......................................................................................................................................... 57

Resumen ........................................................................................................................................................... 58

Unidad 4� Administración del sitio web ���������������������������������������������������������������������������������������������������������������� 61

4.1 Administración de temas o plantillas .......................................................................................................... 62

4.2. Administración de Páginas ........................................................................................................................ 65

4.3. Administración de plugins .......................................................................................................................... 68

Page 4: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

4.4. Administración de comentarios .................................................................................................................. 71

4.5. Administración de perfiles .......................................................................................................................... 73

Resumen ........................................................................................................................................................... 75

Unidad 5� Publicación y gestión de contenidos ��������������������������������������������������������������������������������������������������� 79

5.1. Creando entradas y páginas ....................................................................................................................... 79

5.2. Organizar el contenido ................................................................................................................................ 80

5.3. Insertando elementos externos ................................................................................................................... 82

5.4. Gestionando comentarios ........................................................................................................................... 83

5.5. Normas básicas de escritura para web ..................................................................................................... 84

5.6. Cómo hacer tu contenido interesante ......................................................................................................... 85

Resumen .......................................................................................................................................................... 86

Unidad 6� Posicionamiento y monitorización ������������������������������������������������������������������������������������������������������� 89

6.1. ¿Qué es el posicionamiento SEO? ............................................................................................................... 89

6.2. ¿Qué es el posicionamiento SEM? ............................................................................................................... 90

6.3. Factores de posicionamiento Web ............................................................................................................... 91

6.4. Monitorización ............................................................................................................................................ 93

Resumen .......................................................................................................................................................... 96

Page 5: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

5CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

INTRODUCCIÓN

Es incuestionable que Internet es hoy uno de los espacios más importantes de comunicación entre personas. Se ha convertido en el medio por excelencia, a la vez que canales tradicionales como la televisión, periódicos, radios y espacios físicos están migrando a la red en forma de sitios web.

El acceso a una determinada información desde cualquier lugar del mundo, desde cualquier dispositivo o plataforma, ha contribuido a que esta transición se haya acelerado en los últimos años. Mucho de esto tiene que ver con el paso de la web 1.0 a la 2.0. Se ha pasado de una web que sólo ofrecía datos, información y comunicación unidireccional con los usuarios que interactuaban a otra web más dinámica y multidireccional. Los sitios web hoy día se comportan como auténticos espacios de comunicación y feedback para personas y empresas.

La interacción entre público y sitio web es dinámica y esto, en parte, se debe a la evolución que ha tenido la tecnología relacionada con el diseño y la edición web. Una persona que hoy día afronta el proceso de crear/diseñar un sitio web no necesita tener conocimientos de edición web, ya que esa evolución ha permitido que aplicaciones como los Sistemas de Gestión de Contenidos o CMS faciliten que cualquier usuario que decida crear una web pueda hacerlo sin excesivo esfuerzo y con un mínimo proceso de aprendizaje. Son tecnologías que, de forma inmediata, permiten tener resultados de aspecto muy profesional y funcional.

Un CMS no es más que un programa o aplicación que se instala en un servidor de Internet y se configura para ser mostrado con unas características y diseño determinado. Una peculiaridad interesante es que permite dotar al sitio de contenido a través de artículos, que pueden ser redactados y guardados independientemente para que, cuando se publiquen, se adapten a ese diseño y estructura que se prefijó.

Bien es cierto que para utilizar este tipo de tecnologías no es necesario ser experto informático, aunque sí se necesita de un proceso de aprendizaje básico que permita resolver todas las dudas y problemas que se planteen en un proyecto de sitio web que se quiera emprender. En este sentido, este manual servirá para descubrir las funcionalidades básicas y necesarias para construir un sitio web de acuerdo a las tendencias de diseño y funcionalidad que son actualidad en la red.

Para ello, se utilizará uno de los gestores de contenido más extendidos y utilizados por profesionales y usuarios: WordPress. No es el único que existe, ya que para cada necesidad existe una solución; sin embargo, es el más fácil de usar y da resultados muy satisfactorios.

Otro aspecto de los CMS es la publicación de contenidos, que se abordará como elemento de valor para el sitio web y para la identidad digital de quien lo escribe. Escribir para la web resulta cómodo y fácil cuando se hace desde un CMS, pero cómo hacerlo interesante y relevante es lo difícil, así que se trabajarán las premisas básicas para su redacción.

Por último, difundir el mensaje del sitio es algo fundamental para atraer tráfico a él. En este sentido, una buena estrategia en el posicionamiento SEO hará que esta meta resulte más fácil de alcanzar. Por lo tanto, sentaremos las bases para conocer las formas de monitorizar la actividad de los usuarios con el sitio y optimizarla.

Page 6: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 7: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Unidad 1Creación de blogs y webs como formas de inclusión

Page 8: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 9: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

9CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 1� CREACIÓN DE BLOGS Y WEBS COMO FORMAS DE INCLUSIÓN

La era digital ha llegado para quedarse. Grandes multinacionales, pymes, profesionales liberales, autónomos y cualquier persona que quiera sobrevivir en estos tiempos, necesita de Internet y todo el ecosistema que hay creado a su alrededor.

Sin embargo, mientras muchas personas aún tratan de asimilar estos cambios, las nuevas tecnologías, y especialmente Internet, ya han establecido entre sus usuarios un nuevo paradigma de comunicación que rompe las barreras entre el emisor y el receptor: la web 2�0.

La web 2.0 supone un cambio en la forma de relacionarse; dentro de este nuevo esquema, ya no es válido que la persona se limite a lanzar un mensaje, sino que debe ir más allá e interactuar. Es la era de escuchar y conversar.

La llegada de las comunicaciones sociales ha permitido la creación de redes de usuarios con un alto grado de interactividad: los usuarios pueden intercambiar todo tipo de información y opiniones. Es por ello que, cada vez más, los clientes o consumidores de un determinado producto o servicio se basan en la información disponible en la web social para posteriormente tomar la decisión de compra. Por otro lado, las empresas acuden a estas herramientas con el objetivo de buscar candidatos para sus puestos vacantes.

¿SABÍAS QUE…?

Algunos ejemplos de web 2.0 son: comunidades y servicios web, servicios de red social y de

alojamiento de vídeos, wikis y blogs, entre otros.

En los tiempos que corren, formarse es crucial para tener la oportunidad de conocer y explotar todo lo relacionado con el posicionamiento en Internet y mejorar las opciones laborales.

Para afrontar este cambio, hay que modificar nuestra actitud, y como se describe en el Manual de Empresa 2�0 de la Consejería de Economía, Innovación y Ciencia de la Junta de Andalucía (2010), la filosofía 2�0 tiene como características:

• Colaboración. La empresa 2.0 debe establecer equipos de trabajo más cooperativos y fomentar la colaboración externa con las empresas de su entorno y, sobre todo, con sus clientes y proveedores.

• Comunicación. Desarrollar un modelo de comunicación e interacción no lineal donde cualquier empleado pueda aportar sus ideas, sugerencias o comentarios. Facilitar un modelo de colaboración y comunicación ascendente (bottom-up) donde la información fluya desde los empleados en los niveles inferiores de la estructura hasta los de los niveles superiores. Comunicación inmediata en tiempo real.

• Transparencia� Es importante que los empleados de la empresa tengan toda la información necesaria para poder participar en la toma de decisiones.

Page 10: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS10

• Cultura participativa centrada en los empleados. En la empresa 2.0, el sustento principal no son los procesos ni la tecnología, sino los empleados. La organización debe desarrollar habilidades y cualidades humanas para el intercambio de conocimiento entre empleados, compartir la autoría en la creación de ideas y dialogar y argumentar diferentes puntos de vista.

• Innovación. La empresa 2.0 debe estar abierta a nuevos retos y a explorar nuevas formas de hacer las cosas. Se debe fomentar un espíritu crítico en los empleados que permanentemente les lleve a sugerir cambios y mejoras.

• Apertura� La organización está enfocada hacia la apertura, la colaboración y la comunicación; por tanto, debe aprovechar el potencial allá donde se encuentre, tanto dentro como fuera de la empresa.

RECUERDA

Tener presencia en la web y potenciar la comunicación por los canales actuales de la web 2.0 son

factores determinantes para lograr objetivos de visibilidad y mejorar las opciones de encontrar

o mejorar tu empleo.

Esta infografía resume el cambio que ha supuesto la web 2.0 respecto a la web 1.0 en todo lo que a comunicación, participación e interacción se refiere:

Page 11: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 11

1�2� VENTAJAS E INCONVENIENTES DE LA WEB 2�0

1�2�1� VENTAJAS DE LA WEB 2�0

Ventajas relacionadas con las comunicaciones

En la actualidad, el uso del correo electrónico no es la única posibilidad de comunicación entre las personas, sino que también existen otras aplicaciones como el chat, la mensajería Smartphone (Whatsapp) y la telefonía por Internet (VoIP). Tanto personas como empresas usan más estos medios (llamados sincrónicos), teniendo presente la importancia de saber y poder comunicarse a través de cualquier herramienta.

Ventajas relacionadas con la imagen de la persona

Estas ventajas se derivan de dar a conocer la marca personal y plasmar la experiencia o valía profesional en un sitio web, sacando el máximo partido del medio electrónico. Si los clientes o la futura empresa usan Internet, se deberá considerar seriamente utilizar este medio para promover la marca personal. Hoy en día es una tarea muy fácil y los costos son accesibles.

Ventajas relacionadas con la prestación de servicios

Internet se ha convertido en un canal de atención clave en muchos negocios, como por ejemplo la banca comercial, donde los clientes no sólo pueden aclarar sus preguntas sino que también se “autosirven”, ya sea para consultar el saldo o para imprimir un estado de cuenta. Cada vez más, Internet se convierte en el lugar al que acudir cuando se tiene algún problema o interrogante; es por ello que es fundamental tener presencia en la red para responder a las preguntas y cubrir las necesidades informativas de los usuarios.

Ventajas relacionadas con la realización de transacciones

Se refieren a la posibilidad de vender productos a través de Internet o incluso de apoyar la gestión de venta, aun cuando la misma no se cierre de manera electrónica. Esta posibilidad tiene gran potencial para productos y servicios de bajo desembolso (por ejemplo, entradas de cine) o para aquellos que por el contrario requieren de grandes volúmenes de información (por ejemplo, vehículos). Hoy en día, muchas personas ofrecen sus productos en sitios de subastas, lo cual reduce considerablemente los costos de implementar una iniciativa de este tipo. Además, las tiendas electrónicas cada vez están más en alza y esto puede ser una gran oportunidad para crear nuestro propio negocio.

Ventajas relacionadas con la generación de ahorros

Incluye todas aquellas aplicaciones que permitan reducir los gastos frente a operaciones tradicionales. Estos costos disminuyen, ya sea por la reducción de la mano de obra (que ahora puede pasar a otras áreas), por los costos de planta física o por el incremento de las horas de operación (ya que Internet trabaja 24 horas al día los 365 días de año), entre otras razones. Las ventajas descritas anteriormente, relacionadas con comunicaciones, transacciones y servicios, son generadoras de ahorros en muchos casos.

Page 12: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS12

Ventajas relacionadas con la innovación

Aplicación más reciente basada en la obtención de información de las empresas que ofrecen trabajo, de futuros clientes o de redes de expertos que faciliten los procesos de innovación y desarrollo de productos. El simple hecho de que otras personas envíen sus comentarios y sugerencias ofrece una información que será de gran utilidad en el futuro laboral.

¿SABÍAS QUE…?

El aumento de la producción de información también aumenta la segmentación de ésta,

posibilitando a los usuarios el acceso a contenidos que tradicionalmente no son publicados en

los medios convencionales.

1�2�2� INCONVENIENTES DE LA WEB 2�0

Inconvenientes relacionados con los costes elevados

En numerosas ocasiones se cree que tener una web, mantenerla y actualizarla tiene un coste elevado. Esto era cierto en los inicios de Internet, cuando las tecnologías existentes sólo podían ser manejadas por expertos y las soluciones técnicas eran muy costosas. Sin embargo, actualmente las soluciones para tener presencia en Internet se han abaratado considerablemente y es posible tener una web desde 40€ al mes.

Inconvenientes relacionados con la dificultad de uso

Otra de las posibles barreras para el usuario es la dificultad de uso. No obstante, con la llegada de la web 2.0 no sólo se ha incrementado la participación e interacción del usuario en Internet, sino que también han surgido tecnologías que permiten simplificar y hacer amigable el diseño y mantenimiento de una web; soluciones como los Sistemas de Gestión de Contenidos (CMS), portales, canales en las redes sociales, blogs, etc.

Inconvenientes relacionados con el desconocimiento

Al ser un mundo desconocido para muchos usuarios, abordarlo puede resultar una labor ardua; por ello, la mayoría de las veces se acude a terceros, que realizan el trabajo de forma externa y temporal y vuelven a dejar la web en manos del cliente tras finalizar las tareas. Esto puede ser un inconveniente cuando el propietario de la web, que posteriormente ha de continuar de forma autónoma, se encuentre con una tecnología desconocida que no controle, lo cual podría provocar el abandono del sitio web.

Inconvenientes relacionados con la desconfianza y seguridad

Internet es un medio un tanto especial. Hablar con una persona sin ver su rostro supone un ejercicio de confianza que, dependiendo de la cultura de cada país, puede estar aceptado o no. Este hecho se complica mucho más cuando,

Page 13: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 13

al no controlar el medio, se crea una sensación de inseguridad y desnudez respecto a los datos y transacciones que se realizan mediante estos canales. Además, si se le añade el componente de comercio electrónico, la desconfianza de las personas y empresas se convierte en rechazo radical.

Inconvenientes relacionados con la falta de formación

Un usuario que no está familiarizado con las tecnologías puede quedar abrumado por la cantidad de aplicaciones y usos posibles de las herramientas, sintiendo desazón ante la imposibilidad de abarcarlo todo. La falta de una formación sólida de base provoca que se sea reacio a utilizar las TIC en el negocio diario. La formación es la clave y la herramienta inicial para conseguir éxito con las TIC a nivel personal o en un negocio.

PRESTA ATENCIÓN

Existe una carencia de estrategias y habilidades de seguridad informática: el persistente

intercambio de información y la falta de un sistema adecuado de seguridad han motivado el robo de

datos e identidad, lo que ha suscitado perjuicios económicos y transmisiones de virus informáticos.

1�3� IDENTIDAD DIGITAL: TU MARCA PERSONAL

El concepto de marca personal nació como una técnica para conseguir trabajo. Tom Peters es considerado uno de los precursores de este término, a raíz de una publicación que realizó en 1997 llamada The Brand Called You.

¿SABÍAS QUE…?

Según Tom Peters, somos nuestra propia marca y debemos gestionarla con cuidado: no en sentido

egoísta, sino como administradores de nuestros talentos, dones y pasiones.

¿QUÉ ES UNA MARCA PERSONAL?

Es la gestión de un perfil personal como si fuese una marca. Las marcas personales, al igual que las marcas en general, tienen:

• Un tono de comunicación definido.

• Objetivos que se quieren alcanzar.

• Una cartera de productos y servicios.

• Valores diferenciales que permitan destacar ante su competencia.

Page 14: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS14

En esta infografía mostramos el camino para crear la marca personal:

Page 15: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 15

Page 16: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS16

Page 17: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 17

¿POR DÓNDE COMENZAR PARA CAMBIAR LA REALIDAD ACTUAL Y ADAPTARLA A LA QUE VIENE?

De todo lo anterior se pueden extraer conclusiones que ayuden a incorporar las TIC y la web 2.0 a la actividad diaria y hacer un uso efectivo y real de las mismas. Se proponen tres vías de exploración:

1� Abandona tu zona de confort

“Si siempre haces lo que siempre has hecho, siempre conseguirás lo que siempre has conseguido”. Para adoptar una nueva visión, se debe ser capaz de modificar los esquemas mentales, lo cual sólo se consigue abandonando la zona de confort; ese espacio resguardado en el que se lleva a cabo la gestión diaria sin cambiar nada, realizando las tareas como siempre se han hecho, de forma cómoda y rutinaria. Si se desea obtener resultados diferentes, se deben introducir cambios en la vida diaria, en los modelos mentales y en la forma de gestionar las situaciones.

Se puede empezar diseñando una propia estrategia de renovación digital: reflexionar sobre lo que está pasando alrededor, descubrir qué están haciendo otras empresas, cuestionar las antiguas formas de trabajar, introducir nuevas actividades en la rutina diaria, escuchar y aprender el nuevo lenguaje de la colaboración, etc. Ese es el camino para desarrollar un liderazgo transformador y responsable.

2� Interactúa con la nueva realidad

La mayor parte de las personas han recibido una educación muy restrictiva respecto a la tecnología. Por otra parte, hace unos años la tecnología tenía poco que ver con la actual, y su presencia en las vidas y en el trabajo no era tan acusada. Las personas han escuchado muchas veces el famoso “No se toca”; ese miedo a “romper los aparatos con sólo tocarlos” es una de las razones por las que todavía cuesta tanto relacionarse con las nuevas tecnologías. Existe todavía una especie de miedo escénico que impide a los usuarios lanzarse a probar y a aprender cosas nuevas.

Sin embargo, la realidad es muy diferente. La tecnología no muerde y, de hecho, cada vez es más sencilla. La web 2.0 está pensada para el usuario final y no para un informático superdotado. Ese es, precisamente, uno de los secretos de su fuerte impacto en la productividad de las empresas. La clave está en lanzarse a practicar sin miedo. Se puede empezar participando en un blog, enviando los primeros mensajes en Twitter o buscando en la red contenidos que se necesiten. Conforme se vaya ganando confianza, se darán nuevos pasos.

3� Desarrolla las nuevas habilidades 2�0

Los valores principales de la era industrial eran la eficiencia y la escalabilidad. En la era de la colaboración, estos valores siguen siendo importantes, pero ya no son centrales a la hora de crear valor. La nueva era se caracteriza por los valores típicos de las organizaciones en red, como son la colaboración, la transparencia, la creatividad, la participación, la autenticidad, el talento y el compromiso.

Estos nuevos valores se corresponden con nuevas habilidades que muchos managers todavía no tienen interiorizadas. Se acostumbra a funcionar en estructuras jerárquicas, lentas y burocratizadas, pero lo que ahora se necesita son nuevas organizaciones ágiles, capaces de adaptarse y de reaccionar con celeridad frente a los cambios.

Page 18: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS18

En esta infografía se aportan, además, una serie de consejos que pueden ayudar a construir una marca personal de impacto.

RECUERDA

Integrar la web 2.0 a la rutina diaria, dándole un uso positivo y seguro, implica innovar, emprender

cambios y hacer cosas diferentes. Se debe acabar con la monotonía y desarrollar el liderazgo y

la creatividad, enfrentando los miedos y rompiendo nuestros esquemas mentales para abrir

fronteras a nuevos proyectos transparentes y comprometidos.

Page 19: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 19

1�4� ¿QUÉ ES UNA WEB Y UN BLOG?

DEFINICIÓN

Atendiendo a una definición técnica del concepto, se podría decir que una web o sitio web es un

espacio que contiene una información (textual, visual y auditiva) diseñada y estructurada en

base a un objetivo, finalidad o misión. Habitualmente, este sitio está alojado en un servidor de

Internet y permite ser consultado a través de cualquier navegador instalado en un dispositivo

que tenga acceso a Internet.

¿Qué significa para una persona tener un sitio web? En años anteriores, tener una web significaba disponer de una galería comercial con anuncios, escaparates y listas de todos los productos y/o servicios que se ofrecían; era trasladar la tienda física de toda la vida (con el escaparate, los catálogos de productos, etc.) a un sitio electrónico. La web era simplemente otro medio más y el usuario sólo tenía la posibilidad de llegar, visionar y, a lo sumo, comprar y pagar. La información sólo fluía unidireccionalmente.

El cambio y la evolución radical de la red, traducido en un aumento de la interacción y participación de los usuarios, ha provocado que las webs se hayan visto obligadas a modificar su estructura y herramientas para poder acoger a usuarios mucho más interactivos.

DEFINICIÓN

Para dar respuesta a este desfase, aparecen los blogs, una especie de web reducida basada en

la reflexión y el comentario de otros usuarios. Al principio nacen como una especie de páginas

web personales de los usuarios que van aportando sus bitácoras y experiencias.

Muchas empresas comienzan a tener, además de la web corporativa, un blog donde ir dando

respuestas a sus usuarios a través de una interacción directa.

El formato técnico que tiene un blog es muy parecido al de la web: necesita de una serie de contenidos, un servidor donde estar alojado y un navegador con conexión a Internet para ser visionado.

Los blogs comienzan a tener mucha relevancia y son con diferencia el elemento más decisivo y llamativo de la web 2�0� El usuario deja de ser pasivo y se convierte en elemento activo�

La blogosfera (o conjunto de blogs) comienza a cambiar las pautas de interacción entre las personas y los negocios. En un espacio corto de tiempo, el poder de los clientes se multiplica y su comentario positivo o negativo puede hacerse oír en todo el mundo en cuestión de segundos, teniendo consecuencias de alto grado en las empresas.

Page 20: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS20

Actualmente, el blog también ha evolucionado y muestra herramientas y funciones que no se limitan sólo a una simple bitácora, sino que se comportan como auténticas webs interactivas y participativas.

DIFERENCIAS ENTRE WEBS Y BLOGS

Conocimientos técnicos� Una web profesional requiere más conocimientos técnicos para su diseño que un blog. La configuración de los elementos puede resultar más compleja por la simple razón de que contiene muchos más que un blog. No obstante, la evolución de los gestores de contenido actuales facilita muchísimo esta labor.

Pasividad/Dinamismo� Los dos espacios pueden ser dinámicos, pero es cierto que en una web el contenido es más permanente e invita mucho menos a la interactividad entre los lectores que en el caso un blog. Lo recomendable es contar con las dos opciones: un espacio dedicado a la información corporativa y otro más enfocado a reflexiones, noticias y debates con los lectores. El blog puede crearse por separado o bien ser una sección de la web.

Actualización y mejora. La facilidad y comodidad para actualizar y mejorar un sitio web, no solo en cuanto a contenido sino también en lo referente a herramientas, secciones y noticias, va a depender en gran medida de si la web se realiza con gestores de contenidos o si por el contrario se encarga a un tercero, ya que en este último caso se necesitará la constante labor de dicha persona para poder realizar los cambios oportunos. Sin embargo, en el caso de blogs, la actualización está más automatizada y es mucho más fácil gestionar el sitio.

¿SABÍAS QUE…?

Las páginas web y los blogs son medios diferentes para distintos objetivos, pero pueden ser

complementarios.

PRESTA ATENCIÓN

Una página web y un blog tienen en común lo siguiente: el acceso desde un navegador (links),

la posibilidad de tener contenido multimedia y la optimización para buscadores. Sin embargo,

las páginas web requieren conocimiento técnico, es una herramienta pasiva y su actualización

depende del administrador; mientras que los blogs no requieren conocimiento técnico, son

herramientas dinámicas y de fácil actualización y, además, permiten implementar plantillas

ya prediseñadas.

Page 21: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 21

1�5� EJEMPLOS DE WEBS Y BLOGS EXITOSOS� LOS MÁS VISITADOS

WEBS

Google Permite a los usuarios buscar la información del mundo, incluyendo páginas web, imágenes y videos, ofertas, etc.

Wikipedia Una enciclopedia libre construida en colaboración con el software wiki (Creative Commons).

InfoJobs�net Banco de currículums y ofertas de empleo. Envío de ofertas al móvil y al correo electrónico.

Yahoo! Un portal de Internet importante y proveedor de servicios que ofrece resultados de búsqueda, contenido personalizable, chat, etc.

Marca La mejor información deportiva en castellano actualizada minuto a minuto en noticias, vídeos, etc.

El Mundo Incluye todas las secciones y suplementos de este diario. Además, también apartados especiales sobre libros, por ejemplo.

¿SABÍAS QUE…?

Hay tres motivos por los que debemos tener una página web: porque necesitamos tener presencia

en Internet, porque queremos presentar nuestra empresa o negocio y porque queremos ofrecer

nuestros productos o servicios.

BLOGS

Territorio Creativo

Es una agencia de social media marketing que, por supuesto, también tiene un blog corporativo que desvela post a post gran cantidad de recomendaciones acerca de estrategias de marketing y sobre todo habla de asuntos de rabiosa actualidad. Se ha convertido en todo un referente a nivel nacional y sigue la filosofía de blog que todas las empresas deberían tener.

Page 22: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS22

Alt104

Se define como la “guía del geek”, con comentarios acerca de Internet, diseño, música, cine, opiniones, weblogs y medios. Es uno de los blogs de tecnología más leído en lengua hispana.

Fayerwayer

Es el sitio de tendencias tecnológicas más leído en Latinoamérica, donde se habla sobre un mundo donde el futuro no es una posibilidad, sino que es el protagonista.

Wwwhatnew

Fue creado en 2005 por Juan Diego Polo, con la idea principal de demostrar que no hay nada que no pueda hacerse por Internet. En él tienen cabida las noticias sobre la red, con la evolución de los servicios conocidos y los eventos que están transformando la web, así como muchas relacionadas con marketing en las redes sociales.

Microsiervos

Es un proyecto que nació en 2003 como un blog personal escrito por tres amigos. Se trata de un blog de divulgación sobre tecnología, ciencia, e informática, pero lo cierto es que es más complejo que todo eso: tiene anotaciones de humor, actualidad en Internet y otros temas muy variados que nos interesan a los autores, como la astronomía y la aviación.

Applesfera

Es una publicación dedicada al universo de productos de Apple: Mac OS, iPod, portátiles, equipos de sobremesa, etc., pero también los rumores más candentes, los trucos más útiles y la información más detallada sobre la compañía. Cuidado: si aún no eres usuario de Apple, este blog podría hacerte cambiar de opinión.

¿SABÍAS QUE…?

¿Por qué debemos tener un blog?: porque es fácil de manejar, porque necesitamos actualizar

constantemente y variar el contenido y porque facilita la interacción y necesitamos construir

relación con nuestra audiencia.

Page 23: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 23

RESUMEN

Tener presencia en la web y potenciar la comunicación por los canales actuales de la web 2.0 son factores determinantes para lograr objetivos de visibilidad y mejora de las opciones laborales.

La web 2.0 y la tecnología pueden aportar beneficios en la vida profesional: eficiencia en la productividad, en la comunicación, gestión del tiempo eficiente, automatización de procesos y acercamiento al usuario final.

La actitud positiva frente a las tecnologías es un buen comienzo para cambiar ese tradicional rechazo. Salir de la zona de confort y explorar nuevos métodos y formas distintas de hacer las tareas es un reto.

La formación es fundamental para alcanzar la meta. No hay que tener miedo de preguntar y conocer cómo se hace.

Es necesario desarrollar nuevas habilidades que nos permitan generar valor colaborando en redes abiertas y globales. Una de las más importantes consiste en interpretar la realidad también desde una perspectiva emocional, porque solo de esta forma es posible atraer y retener el nuevo talento digital que las pymes necesitan para competir.

PRESTA ATENCIÓN

Mientras que la web 1.0 se trataba de una difusión de información unidireccional (proveedor -

publicación) y la web 1.5 de una difusión de información bidireccional (proveedor - E-business),

la web 2.0 va mucho más allá: se trata de una web colaborativa donde el proveedor y las

comunidades sociales están en continuo intercambio informativo.

Page 24: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 25: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Unidad 2Sistemas de gestión de contenidos: WordPress

Page 26: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

Page 27: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

27CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 2� SISTEMAS DE GESTIÓN DE CONTENIDOS: WORDPRESS

En la unidad de aprendizaje anterior se ha trabajado la importancia de la identidad digital. Tener un espacio en la red donde ofrecer información profesional o bien personal, donde mostrar a la comunidad los proyectos, reflexiones o aficiones es un buen comienzo para construir un perfil en la red.

Un sitio web propio permite a un usuario tener control sobre varios aspectos que inciden directamente en la reputación digital: por un lado, el contenido y la forma de mostrarlo y, por otro, la interacción que tienen el resto de visitantes con el lugar. No obstante, diseñar un sitio web no es una tarea sencilla, requiere de una planificación y estructuración inicial del proyecto que facilitará significativamente las tareas posteriores.

Puede parecer una tarea compleja y complicada de abordar por el hecho de estar relacionada con profesionales de la informática (los famosos webmasters), lenguajes y códigos de programación complejos que se convierten en barreras para un usuario básico.

Esto ha sido una realidad hasta finales de la década de los 2000, pero con la rápida evolución de la tecnología destinada a diseñar y gestionar sitios web, estas tareas se han ido simplificando de manera exponencial hasta tal punto que hoy día, con los Sistemas de Gestión de Contenidos o CMS (Content Management System), cualquier persona con unas competencias digitales básicas puede emprender un proyecto de creación web y conseguir resultados muy cercanos a soluciones profesionales.

DEFINICIÓN

Un sistema de gestión de contenidos o CMS, según Wikipedia, es un programa que permite crear

una estructura de soporte para la creación y administración de contenidos, principalmente en

páginas web, por parte de administradores, editores, participantes y demás usuarios.

Un CMS es una tecnología que permite a profesionales y a usuarios crear en pocos pasos una web completa y operativa a la que se le puede dotar de contenidos y funciones extra para adaptarla a las necesidades del proyecto para las que fue diseñada. De este modo, la persona que construye puede poner énfasis en la planificación, diseño y elaboración del contenido más que en la programación informática y gestión tecnológica.

Actualmente, para un usuario de Internet que quiere tener un espacio en la web, concebir el diseño del sitio sin un CMS es algo que ni si quiera se plantea. Un tipo de solución más elaborada y ajustada a necesidades muy particulares sólo suelen abordarlas las empresas que, por su dimensión y particularidad de sus servicios, necesitan una solución a medida. Para el resto de la gran mayoría de personas y empresas, suele haber un sistema de gestión de contenidos que se ajusta a sus necesidades.

En esta unidad de aprendizaje se abordará cómo es la estructura básica que posee cualquier web de Internet y cómo la gran mayoría de ellas están construidas con tecnología CMS, para la cual se valorarán las ventajas y desventajas que pueden tener según el tipo de web que se quiera implementar.

Page 28: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS28

2�1� ¿CÓMO SE ESTRUCTURA UNA WEB?

Una web o sitio web es un espacio que contiene una información (puede ser textual, imágenes, audiovisual, etc�) diseñada y estructurada con base en un objetivo, finalidad o misión. Habitualmente, este sitio se aloja en un servidor de Internet y permite ser consultado a través de cualquier navegador instalado en un dispositivo con acceso a la red.

Esta información se encuentra organizada mediante páginas interrelacionadas entre sí a través de enlaces. Dichas páginas suelen estar organizadas en categorías o secciones, que son accesibles a través de los menús de navegación del sitio.

¿SABÍAS QUE…?

Cuando hablamos de enlaces, estamos refiriéndonos a la misma vez a ligas, vínculos o links, los

cuales nos llevan de una parte a otra de la misma página o a una página distinta en busca de

información.

Para poder ver un sitio web a través de un navegador, es necesario que sus páginas se elaboren en formato de archivo HTML: un lenguaje de programación estándar y que permite que desde cualquier dispositivo, con un navegador (aplicación o programa para acceder a Internet) se pueda visionar el contenido de una forma determinada.

SABER MÁS

El W3C (World Wide Web Consortium) es la organización encargada de la estandarización de la

mayoría de las tecnologías sujetas a la web, especialmente en lo que respecta a la escritura e

interpretación de la misma, por lo que el código HTML es un estándar a su cargo.

Page 29: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 29

Una vez localizado el sitio en un lugar de Internet, el paso siguiente es asignar una dirección para que toda persona que quiera acceder al lugar pueda encontrarlo. Para ello, se necesita un dominio de Internet, que no es más que una dirección con unas características que la hacen única y facilita que cualquier persona pueda escribirla y recordarla sin ninguna complejidad.

DEFINICIÓN

Un sitio web es una colección de páginas de Internet relacionadas y comunes a un dominio de

Internet o subdominio en la World Wide Web. Una página web es un documento HTML/XHTML que

es accesible generalmente mediante el protocolo HTTP de Internet.

Un dominio se compone de tres partes bien diferenciadas:

Las www” indican que el sitio web pertenece a la World Wide Web, la red en la que se alojan y distribuyen la gran mayoría de sitios en Internet, y el protocolo que usan es el “http://”. A continuación, siempre separado por un punto, el nombre del sitio web. Puede ser cualquier nombre o conjunto de nombres que definan el sitio, pero nunca podrán contener espacios o caracteres especiales tales como acentos o comas, entre otros. Por último, y también separado por un punto del nombre, se coloca el dominio. Es una extensión que hace referencia al tipo de página, por ejemplo: “com” de comercial, “org” de organización, “edu” de educación, o puede hacer referencia a ámbitos geográficos como “es”, de sitios españoles, “fr” franceses, “uk” del Reino Unido, etc.

RECUERDA

Los dominios en Internet hacen referencia al nombre que se usa y nos ayuda a identificar

direcciones de ordenadores conectados a Internet, concediéndoles una identidad fácil de recordar.

Pero, ¿por qué crear una web? Cada persona o empresa puede tener su propia razón o meta a conseguir cuando se decide elaborar un sitio web. Pero, con carácter general, una web se construye para tener presencia en la red.

Page 30: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS30

Puede venir motivado sólo por mostrar información, intercomunicarse con los usuarios u ofrecer unos determinados servicios (venta online, soporte técnico, asesoramiento…). Según lo que un sitio web ofrezca y cómo interaccione con los visitantes, se podrá hablar de sitios estáticos o dinámicos.

Sitio Web dinámico

Un sitio web estático es aquel cuya información que contiene cambia muy poco o nada en grandes periodos de tiempo. Suele darse una comunicación unidireccional: la información viaja desde la web a los usuarios finales y ahí acaba la relación.

Un sitio web dinámico es aquel donde la información cambia rápidamente y se adapta a las preferencias o peticiones de los usuarios que visitan el sitio. Hay una comunicación bidireccional y casi en tiempo real entre usuarios y página. La información se adapta y se genera en el momento. Estos sitios trabajan con tecnologías y lenguajes que permiten ese dinamismo y, actualmente, son los más utilizados en Internet.

HAZLO TÚ MISMO

Páginas como Yahoo!, Google o Amazon pueden ser buenos ejemplos de páginas web dinámicas,

puesto que dan la posibilidad de interactuar con el visitante. ¿Podrías poner un ejemplo de

páginas web estáticas?

Tipos de sitios web dinámicos hay muchos, y entre los más conocidos, los portales: lugares donde se incluyen noticias, secciones, foros de debates, comunidades que generan contenido casi al segundo e interactúan entre usuarios, etc. Los sitios de venta online son otro buen ejemplo: una persona que quiere un producto determinado accede al sitio y filtra, acota la búsqueda para que el sitio muestre exactamente lo que está buscando para después poder realizar la compra.

Page 31: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 31

Otro ejemplo clásico de web dinámica es el weblog o blog, un lugar donde alguien elabora un contenido y los usuarios pueden comentar, crear conversación y difundir y compartir en otras redes. Este tipo de web es una de las más extendidas y de las más utilizadas por las personas para hacer el primer sitio web.

CURIOSIDADES

Para conocer el historial de todas las webs que han pasado por Internet, existe una asociación

que guarda versiones de todas las webs (más de 400 billones). Internet Archive: https://archive.

org/web/

En la actualidad, uno de los beneficios que ha traído la web 2�0 es su enfoque hacia el usuario final. Esto ha permitido que surjan aplicaciones o programas que son manejables por cualquier persona, de aprendizaje rápido y accesible, dando como resultado la construcción de un sitio web dinámico funcional y operativo en poco tiempo y con poco esfuerzo.

Todo esto ha contribuido a que surjan un número casi incontable de webs en toda la red. Tener un espacio personal dedicado a contar aficiones o un lugar para presentar los trabajos profesionales se ha convertido en algo común y son dos de las razones por las que una persona suele crear un sitio web o blog.

Estas aplicaciones y tecnologías destinadas a crear sitios webs son herramientas que pueden usarse a nivel profesional o a nivel de usuario básico. Esa versatilidad y grado de adaptabilidad las han convertido en las más usadas por toda la comunidad.

RECUERDA

La web 2.0 ha permitido que la posibilidad de establecer una comunicación sea más ágil, directa

y rentable, al alcance de todos.

Page 32: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS32

2�2� ¿QUÉ SON LOS SISTEMAS DE GESTIÓN DE CONTENIDO (CMS)?

Al inicio de la década del 2000, las herramientas que se utilizaban para construir una web eran programas de edición instalados en el ordenador personal tales como Frontpage, Dreamweaver, Fireworks, etc. Para utilizarlos, primero se debían tener conocimientos de HTML y programación web; y segundo, conocer y dominar el uso y manejo del programa, que solía ser complejo.

Con ellos se realizaba todo: el diseño o aspecto, la navegación por el sitio y el contenido. Cada vez que se necesitaba modificar un contenido, un menú o un color, había que descargar la información, y modificarla con estos programas. Posteriormente, el contenido modificado se subía al servidor de Internet donde se alojaba la nueva página, sustituyendo a la anterior, y siempre se necesitaba un profesional para poder realizarlo.

A mediados de la década, comienzan a tomar relevancia programas que permitían a los desarrolladores de sitios webs hacer todo lo anterior directamente en el servidor. Además, permitían separar la estructura del sitio (diseño y navegación) del contenido que se generaba. Esto permitió que la creación, edición y publicación del contenido pudiesen desempeñarlas otras personas sin necesidad de tener conocimientos de diseño y programación.

Con todo esto, el éxito no tuvo precedentes y fue un punto de inflexión para la transición de la web 1.0 a la web 2.0, multiplicándose exponencialmente el número de webs existentes. Ya no sólo las empresas y profesionales diseñaban páginas, sino que los usuarios y clientes de Internet también creaban sitios webs.

A estos programas se les llama Sistemas de Gestión de Contenidos o CMS y son, básicamente, una aplicación informática usada para crear, editar, gestionar y publicar contenido digital multimedia en diversos formatos. Al instalarse en un servidor, el gestor de contenidos genera páginas web dinámicas interactuando con él para generar la página web bajo petición del usuario, con el formato predefinido y el contenido solicitado (fuente: Wikipedia). Consiste en una interfaz que controla una o varias bases de datos donde se aloja el contenido y la estructura del sitio web.

Según James Robertson, experto en gestión de intranets y webs, a los CMS se pueden atribuir cuatro categorías funcionales que ayudan a comprender mejor el funcionamiento y significado de la herramienta.

PRESTA ATENCIÓN

Los avances tecnológicos han hecho de la creación de una página web un proceso sencillo al

alcance de todos. Cualquiera tiene la posibilidad de trabajar como creador de páginas web sin

la necesidad de instalar ningún tipo de software o servidores web, sin la contratación previa de

un programador y sin aprendizaje precedente autónomo sobre programación. Se trata de un gran

ahorro de tiempo, esfuerzo y dinero.

Page 33: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 33

FUNCIONALIDADES DE UN CMS

Creación de Contenido Gestión de Contenido

Permite publicar contenido a personas sin ningún conocimiento técnico, a través de editores de texto online, que muestran el resultado tal y como quedará, o a través de agregadores, de elementos multimedia o de contenido externo. El resultado se ajustará al diseño del sitio, conservando las propiedades que el editor le haya dado.

Todo el contenido creado o agregado por un editor se almacena en una o varias bases de datos junto con los datos de estructura de la propia web. Es el turno ahora de los responsables y moderadores revisar, controlar ese contenido para decidir si está terminado y en qué categoría o sección se incluirá.

Publicación Presentación

Tras ser aprobado el contenido, se publica en el sitio web en el lugar que han establecido los moderadores o administradores. Esta publicación suele ser automática y programada por fecha. El resultado es un contenido que se adapta a un formato determinado y en consonancia con todo el sitio web.

Parte de la base de que son entornos muy personalizables y ajustables a los usuarios. Controlar el aspecto, los menús de navegación, la disposición de los contenidos a lo largo de la página, menús y acciones personalizadas para ciertos usuarios; todo ello son variables que se pueden configurar para obtener el resultado final de presentación.

Un CMS tiene dos partes bien diferenciadas:

Una parte privada llamada también backend. Es la parte que gestiona y administra el sitio. Es el lugar donde se redactan los artículos, se configura el aspecto que tendrá el sitio web, se establecen los menús y categorías, o se le añaden elementos o complementos extras (plugins) para dotarla de más dinamismo y nuevas funcionalidades.

UN EJEMPLO

Los avances tecnológicos han hecho de la creación de una página web un proceso sencillo al

alcance de todos. Cualquiera tiene la posibilidad de trabajar como creador de páginas web sin

la necesidad de instalar ningún tipo de software o servidores web, sin la contratación previa de

un programador y sin aprendizaje precedente autónomo sobre programación. Se trata de un gran

ahorro de tiempo, esfuerzo y dinero.

Page 34: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS34

Una parte pública llamada también frontend. Es lo que ve la persona que visita la página y en la que se muestran los elementos para interactuar con ella. Es la imagen final de la web y contendrá todo lo que se haya decidido en el backend.

Este es un resumen visual de todo lo trabajado en este apartado:

2�3� TIPOS DE CMS

Un CMS es una herramienta tan versátil que puede adaptarse a la necesidades y funciones que cualquiera pueda imaginar. Un proyecto web puede ser muy general y de carácter estándar, como por ejemplo es el blog personal; o bien puede ser muy concreto y con características especiales, como es el caso de una tienda. En este espectro, cualquier CMS potente puede dar soluciones a las dos situaciones, pero en la evolución lógica que han tenido, algunos de ellos se han ido especializando en tipologías de webs ofreciendo más prestaciones que otros según la necesidad.

Una primera aproximación a la tipología hace distinguirlos por su carácter púbico (opensource) o privado (software propietario). En el caso de CMS bajo licencia privada, suelen ser realizados a medida y bajo demandas

PRESTA ATENCIÓN

Los CMS son fáciles de usar para los principiantes sin experiencia, así como para los diseñadores

que no sepan cómo se programa una web. Referente a su funcionamiento, tiene unas páginas

dinámicas que ofrecen información guardada en la base de datos, la cual el administrador

puede agregar, modificar o borrar. Estas páginas dinámicas son PHP o ASP.

Page 35: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 35

muy específicas que los de opensource no alcanzan. Son herramientas cerradas y protegidas por copyright y la usan grandes empresas y grupos de comunicación, y suelen tener un coste elevado en su diseño y mantenimiento.

Los CMS bajo licencia opensource son más flexibles y permiten la contribución de la comunidad de desarrolladores para mejorar, modificar y adaptar el CMS según las necesidades. Esto conlleva un uso masivo por la comunidad y disponibilidad de multitud de complementos que mejoran las funcionalidades.

Este manual se centrará en los opensource por su filosofía de software libre y su disponibilidad de uso a todo el público.

Los tipos de soluciones CMS más comunes y más extendidas son los conocidos como generalistas o de sitios webs. Están pensados para categorizar la información y gestionar información y noticias. Parten de una plantilla general del sitio con posibilidad de modificación de colores, diseño y logotipo. Puede utilizarse desde el diseño de una web sencilla de empresa, un blog personal o un portal de cualquier organización. Los más conocidos son Joomla!, WordPress y Drupal.

Los CMS de comercio electrónico también han evolucionado hasta convertirse en soluciones independientes. Antes, se integraban como funcionalidades extra en los CMS generalistas, pero la proliferación del comercio online ha contribuido a que aparezcan soluciones que soportan una tienda online con soporte de inventario, gestión de usuarios, de compra, de promociones e incluso de distribución. Los más conocidos son Magento, OsCommerce y Prestashop.

Page 36: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS36

La comunicación en Internet siempre ha sido muy importante en la red, y los foros su máximo exponente. Por ello, existen en el mercado cantidad de CMS para foros. Son espacios que permiten la gestión de usuarios, permisos y moderación de los espacios de debate. Los más conocidos son PhpBB, SMF, Mybb.

Los anteriores son los más comunes, pero en el mercado se pueden encontrar más tipos: enfocados a galerías fotográficas como Gallery, para gestionar aulas virtuales de formación como el famoso Moodle o ATutor, o para gestionar wikis como MediaWiki o Wikispaces.

PRESTA ATENCIÓN

Si hacemos una comparación entre un CMS de código abierto (opensource) y un CMS privado

(software propietario), podemos destacar que: el coste de licencias varía, puesto que un CMS de

código abierto es totalmente gratuito, mientras que un CMS propietario tiene costes; el tamaño

de la comunidad, puesto que el de los CMS propietarios es bastante inferior al de los CMS de

código abierto; los proveedores, ya que en el caso de los CMS propietario dependerán de una

empresa, mientras que de un CMS de código abierto, al no poseer licencias, la comunidad de

servicios es mayor; y, por último, los requisitos, que son más flexibles en el caso del CMS de

código abierto.

Page 37: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 37

2�4� VENTAJAS Y DESVENTAJAS DE LOS CMS

Las ventajas que presentan la utilización de este tipo de tecnología en la creación y diseño de webs son mucho mayores que las desventajas. Se muestra a continuación un cuadro donde se resumen las más significativas:

VENTAJAS DESVENTAJAS

• No es necesario saber programar para poder tener un diseño y gestión profesional de un sitio web.

• Un ahorro significativo de coste y tiempo en la elaboración de sitios web.

• Posibilidad de modificación, diseño y producción en cualquier lugar y a través de un dispositivo con conexión a Internet.

• Integración y compatibilidad con cualquier dispositivo: tablets, smartphones, Smart TV, etc.

• Ampliar las funcionalidades y servicios del mismo sitio web con la simplicidad de plugins y complementos.

• Gestionar distintos roles o perfiles de colaboradores con permisos determinados para realizar funciones completas sin necesidad de comprometer la integridad del sitio.

• Gestionar comunidades de usuarios con la posibilidad de personalizar contenidos y aspecto de cada uno de ellos.

• Según el CMS que se elija, la gestión y administración puede resultar compleja y complicada.

• Depende de tecnologías de servidor avanzadas que además tienen un coste económico para un funcionamiento independiente y total.

• Si no se tienen actualizados y correctamente instalados, pueden ofrecer vulnerabilidades y ser propensos a ataques cibernéticos.

• Si se requiere de una solución específica y concreta y no se encuentra en los repositorios de complementos de la comunidad, tenemos que elaborarlos y para ello necesitamos conocer programación avanzada.

Page 38: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS38

2�5� WORDPRESS, UN CMS VERSÁTIL

Antes de elegir correctamente un CMS que se ajuste a nuestro proyecto, se necesita tener bien definidos los objetivos que queremos alcanzar con él y tener diseñada, al menos en papel, la estructura básica del sitio. Cualquier proyecto que se ponga en marcha debe ser planificado y estructurado. Igualmente, definir el público destinatario y el tipo de contenidos que vamos a mostrar (texto, fotografías, video, etc).

No obstante, y según J. Robertson, para la elección de un buen CMS debemos tener en cuenta una serie de características:

• Código abierto. Esto proporciona un desarrollo mucho más robusto y mayor del aplicativo.

• Buen soporte. Es muy importante tener una comunidad de usuarios detrás y que además sea en nuestro idioma, para solventar cualquier duda o problema que se tenga.

• Fiabilidad. Debe estar bien construido y ser robusto frente a ataques y vulnerabilidades.

• Buen posicionamiento en el mercado. Un CMS más usado está más comprobado y ajustado a los cambios y actualizaciones tecnológicas. Se encontrarán más recursos y documentación sobre ella.

• Usabilidad y accesibilidad. Deben ser herramientas sencillas de usar, tanto en la parte pública como privada. Además, deben cumplir las normas de accesibilidad propuestas por el WAI (Web Accessibility Initiative) y la W3C, para que puedan visionarla el mayor número de usuarios posibles, independientemente de sus peculiaridades.

• Con suficientes funcionalidades. Tener suficientes funciones extra nos permitirá cubrir las necesidades del proyecto sin tener que realizar tareas complejas o extras. Lo básico que un CMS debe hacer es: gestión de artículos, de archivos, de usuarios, de ciclos de publicación y de plugins; herramientas de comunicación como foros, chats, email; sindicación de contenidos, soporte multidispositivo y multiplataforma.

Un CMS de tipo general suele cumplir todas estas funciones. Los más utilizados por la comunidad son Joomla!, Drupal y WordPress. Cada uno de ellos tiene unas características específicas, pero Joomla! y Drupal son más complicados y complejos en instalación y configuración que WordPress.

RECUERDA

La adaptación de un CMS a nuestras necesidades dependerá, en gran medida, de la definición y

concreción de nuestro proyecto.

Page 39: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 39

Joomla y Drupal están más enfocados a construir portales de Internet con muchos servicios, secciones y soportan una gestión más eficiente de grandes volúmenes de archivos y usuarios. Igualmente, WordPress puede soportar un gran número de usuarios y, en cualquier caso, suficiente para cualquier proyecto de los que se han comentado en el manual, pero su enfoque está más centrado en webs personales, en blogs y páginas de empresa.

Debido a lo anterior, la comunidad de WordPress ha trabajado mucho más en facilitar su instalación y manejo para cualquier usuario que quiera implementarlo y ha minimizado la complejidad de los procesos. Esto ha generado entornos muy accesibles y usables independientemente del nivel de conocimiento que se tenga. Todo esto hace que WordPress sea a día de hoy ganador indiscutible como solución CMS más elegida para diseñar un sitio web.

Por último, otra ventaja destacable para decantarse por este sistema tiene mucho que ver con el posicionamiento del sitio web en los principales buscadores. WordPress dispone de una herramienta nativa y muy potente para optimizar la entrada de los grandes buscadores y que puedan indexar la web para después mostrarlos en las búsquedas. Es lo que actualmente se llama SEO y veremos en la última unidad de aprendizaje.

Ahora, en la siguiente unidad de aprendizaje, conoceremos más a fondo WordPress y sus funcionalidades.

SABER MÁS

J. Robertson también propone una división de la funcionalidad de los CMS en cuatro categorías:

creación de contenidos, gestión del mismo, publicación y presentación.

¿SABÍAS QUE…?

Según la Web Tecnology Surveys, que se encarga de analizar todas las tendencias que se

producen en la World Wide Web, de todos los sitios que utilizan un Gestor de Contenidos, casi el

60% (datos de la web, 2014 http://w3techs.com/technologies/overview/content_management/

all) utilizan WordPress frente al 8% que utiliza Joomla! y un 5% Drupal.

Page 40: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

40 CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

RESUMEN

Un sitio web es un lugar ubicado en un servidor de Internet que permite mostrar una serie de páginas estructuradas y categorizadas de forma lógica que versan de un tema específico o están construidas para un fin concreto.

Para poder acceder al sitio web, se necesita una dirección real para que cualquier dispositivo o navegador pueda encontrarlo. Para ello, se utilizan los dominios o direcciones de Internet.

Antes, para realizar un sitio web era necesario tener un editor de sitios web y disponer de conocimientos de edición web para saber manejarlos. Sin embargo, actualmente se han extendido soluciones a modo de programas o aplicaciones que, con una simple instalación como si de un programa o app móvil se tratara, permiten disponer en pocos minutos de una web completa, dinámica y funcional. Estas soluciones se conocen por Gestores de Contenidos o CMS.

Un CMS es una estructura diferenciada en dos partes. Por un lado la estructural, que da soporte de diseño y de navegación al sitio, y por otro, el contenido que se elabora y publica, independientemente del diseño, permitiendo su adaptación sin ninguna incompatibilidad con el resultado que el público ve.

Utilizar un CMS proporciona muchas ventajas frente a diseñar un sitio web con editores. La facilidad de uso, la creación de estructuras complejas sin necesidad de conocer programación, poder asignar roles de trabajo a muchos usuarios y la gestión de plantillas que controlan el diseño, son las más destacables.

Existen muchos tipos de CMS, pero los desarrollados bajo la filosofía de software libre se han convertido en los más extendidos y más completos del mercado. Para cada tipo de uso se puede encontrar un CMS específico: para tiendas, para foros, para soporte, pero son los generales los que más éxito tienen.

Los CMS generales suelen ser suficientes para abordar cualquier proyecto. WordPress es uno de ellos y el más utilizado dentro de Internet.

WordPress tiene detrás una extensa comunidad de desarrolladores en casi todos los idiomas, que le dan soporte y contribuyen a su desarrollo, a la creación de plugins y aplicaciones para implementarlas dentro de él y dotarlo de funcionalidades nuevas.

RECUERDA

WordPress no es solo una herramienta para publicar post. Es una excelente plataforma CMS

fácil de usar, con un sistema de plugins y plantillas sólido y con una gran comunidad de

programadores, diseñadores y usuarios en todo el mundo.

Page 41: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Unidad 3Creación de un sitio web

mediante WordPress

Page 42: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 43: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

43CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 3� CREACIÓN DE UN SITIO WEB MEDIANTE WORDPRESS

Instalar un CMS es una tarea que se debe abordar de forma ordenada y pausada. El hecho de hacerlo a través de estas tecnologías no reviste una complejidad excesiva; sin embargo, cualquier error o despiste puede dar al traste con el proceso. Esta tecnología ofrece la posibilidad de instalar o montar sitios de prueba o de desarrollo que ayudan a configurar y preparar el trabajo para que se suba a la red sin ningún error. Publicar un sitio es una labor bastante automatizada y se debe disponer de un servidor donde hacerlo y un servicio de transferencia de archivos habilitado.

La gran cantidad de datos que puede manejar WordPress llega a ser muy alta (usuarios, artículos, imágenes, enlaces, etc.) y cualquier imprevisto en el servidor o problema puede ocasionar que se pierdan. Tener copias de seguridad que garanticen la restauración de todo el contenido y la estructura es una buena práctica recomendada. Disponer de herramientas para poder realizarlas y conocer su funcionamiento se convierte en un contenido básico a trabajar con los CMS.

La seguridad del sitio y de los datos es otro aspecto vital en cualquier gestor de contenidos. Al tratarse los CMS de soluciones creadas y desarrolladas por muchos usuarios de la comunidad, igualmente hay algunos de ellos que se dedican a buscar fallos o huecos en la seguridad del propio sistema. Esto provoca que muchos otros aprovechen estos huecos y los utilicen para otros fines no tan relacionados con el descubrimiento, subsanación y mejora de errores. Así, tener un sistema actualizado y con complementos de terceros que ofrezcan soportes es una garantía para minimizar este tipo de ataques e incursiones en el sitio web, los famosos “hackeos”.

Configurar todos estos aspectos generales de un CMS en pocos pasos permite garantizar su funcionamiento y capacidad para albergar nuevos complementos. Configurar la hora, el formato de fecha o cómo vamos a recibir las notificaciones de las interacciones del público que comenta forman parte de una primera configuración y que afecta a todo el sitio. Un sitio web también debe ser atractivo, debe estar en consonancia con los patrones de diseño actuales y distribuir los elementos y espacios conforme a las tendencias. En la unidad anterior se decía que un CMS puede adoptar un aspecto totalmente diferente con un simple cambio de plantilla. Esta característica ha contribuido a que en el mercado existan infinidad de plantillas o temas configurables y adaptables a las necesidades según el tipo de sitio.

Estas plantillas están elaboradas por la comunidad, garantizan también la accesibilidad, pudiendo ser vistas por cualquier tipo de usuario sin importar su peculiaridad. Igualmente, algunas plantillas permiten adaptarse a cualquier dispositivo sin desvirtuar el diseño y apariencia, ofreciendo multitud de vistas y formatos para cada momento y sección. Por lo tanto, se aborda una unidad bastante práctica en la que se aconseja prestar atención y realizarla poco a poco siguiendo todas las pautas que se marquen.

RECUERDA

Instalar un sistema de gestión de contenidos debe plantearse cuidadosa y paulatinamente.

WordPress contiene una gran suma de datos, y, frente a cualquier imprevisto, es importante

disponer de copias de seguridad que respondan frente al restablecimiento del contenido.

Page 44: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS44

3�1� INSTALACIÓN Y CONFIGURACIÓN DE WORDPRESS

Para instalar WordPress, y en general cualquier CMS, se necesita de un servidor que tenga las aplicaciones necesarias para que el sitio web pueda ser visto por el público y funcione correctamente. Este servidor puede ser:

• Un servidor web conectado a Internet y la World Wide Web, por lo que la web será visible a toda la red (es la más común y recomendable).

• Un servidor local instalado en un ordenador personal, por lo que será visible sólo en ese ordenador (suele utilizarse para desarrollo y pruebas como se ha comentado).

Según donde se realice la instalación, el procedimiento variará. En unidades anteriores se ha hablado de que tener un sitio web en el ordenador personal de casa es la opción recomendada, ya que permite probar y optimizar, pero tarde o temprano esos archivos y contenidos tendremos que transferirlos a un servidor web conectado a Internet para que sean visibles.

Si la instalación se realiza en un ordenador local, habrá que distinguir dos momentos: por un lado instalar un servidor web y, una vez esté funcionando, instalar el CMS. En cambio, si se decide instalarlo en un servidor web o hosting, se pasará directamente a la instalación del CMS.

En la siguiente imagen se resume el proceso de instalación de un sitio con WordPress:

DEFINICIÓN

Un servidor web o HTTP es un programa informático que se encarga de procesar una aplicación del

lado del servidor, estableciendo conexiones bidireccionales y/o unidireccionales y simultáneamente

o en discordancia con el cliente y generando o cediendo una respuesta en cualquier lenguaje.

Page 45: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 45

En este caso, se partirá de la premisa de disponer de un servidor o hosting con tecnología necesaria para que funcione, es decir, debe:

• Soportar PHP (es el lenguaje en el que se escribe el código de WordPress).

• Soportar bases de datos (la más común es MySQL).

• Protocolos para la transferencia de archivos (FTP).

El paso siguiente en la instalación es conseguir los archivos de instalación del CMS. WordPress ofrece dos soluciones para implementar su tecnología:

1� es�wordpress�com

Se trata de un espacio donde la instalación se hace automática y sin necesidad de disponer de servidor propio, ya que el alojamiento se produce en los del propio WordPress (suelen ser midominio.wordpress.com). Lo resultante, aunque muy parecido a la otra solución, está limitado a la hora de implementar plugins y widgets. Está muy recomendado para un primer contacto con WordPress.

2� es�wordpress�org

Aquí se encuentran los archivos listos para descargar e instalar en cualquier servidor (local o público). Las opciones de configuración y ampliación son mucho mayores que en la anterior y requiere de una instalación y configuración inicial para hacerlo funcionar. Es la más recomendada y utilizada por toda la comunidad.

A modo resumen, las características que lo diferencian serían:

Características WordPress�org WordPress�comNecesidad de hosting Sí NoInstalación del CMS Sí NoInstalación de plantillas Sí SíInstalación de plugins Sí NoMultiusuario Sí No

PRESTA ATENCIÓN

Al montar un CMS en un servidor local, se consigue hacer funcionar el sitio web tal y como se

comportaría en Internet, pero en realidad el sitio solo es visible en ese ordenador. Para que sea

visible, tiene que estar publicado en un servidor público o hosting.

Page 46: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS46

Se tomará como ejemplo para este manual descargar los archivos e instalarlos manualmente en el servidor. Este proceso es popular por realizarse en sencillos pasos y durar, según sus desarrolladores, 5 minutos:

1� Descargando el paquete de archivos�

Para descargar los archivos del CMS hay que acceder a http://es�wordpress�org y allí buscar la última versión que esté disponible y sea estable. Los CMS suelen ir actualizando la versión para corregir fallos y solucionar problemas de seguridad, además de implementar nuevas funcionalidades. En la imagen siguiente se indica dónde se encuentra el botón para comenzar la descarga de archivos.

Elegir este paquete facilitará la instalación en nuestro lenguaje, ya que si se hace desde el sitio .org la instalación se realizará en inglés y posteriormente habrá que incorporarle la traducción al español. Los CMS son plataformas que soportan multilenguaje. Los archivos son traducidos por la comunidad de usuarios e incorporados al paquete de instalación.

2� Descomprimiendo el paquete�

Una vez seguidos todos los pasos y descargados los archivos al ordenador (normalmente están comprimidos en formato zip), se procede a descomprimirlos y localizarlos todos en una carpeta para su configuración inicial.

3� Creando una base de datos en el servidor.

Puede parecer una tarea complicada, pero casi todos los servidores web disponen de un panel de control que en pocos clics permiten la creación de una base de datos, que albergará en un futuro toda la información y estructura del CMS. La base de datos (BD) preferida para este proyecto es MySQL.

RECUERDA

WordPress.org es la página de código abierto donde podemos encontrar el software y descargarlo

sin ningún coste, alojándolo, tras esta acción, en un hosting; mientras que WordPress.com puede

ser gratuito o de pago, en función del plan seleccionado.

Page 47: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 47

Para ello, se necesitará un usuario y contraseña, que el proveedor de hosting suele haber facilitado por correo electrónico, junto con la BD creada.

4� Localizando y modificando el archivo wp-config�php

Una vez se tiene la BD creada y los datos de usuario y contraseña visibles, se procede a localizar el archivo wp-config-sample�php en la carpeta de archivos que se descomprimió anteriormente. Se abre con un editor de textos plano como Wordpad o Notepad. Es muy importante realizarlo, así pues podremos modificar los parámetros que se necesitan para pasar al paso siguiente:

Una vez cambiados, el archivo se guardará en el mismo lugar con el nombre modificado de wp-config�php.

5� Subiendo los archivos al servidor web�

Ya está preparada la carpeta para subirla mediante FTP al servidor en el lugar indicado por el proveedor de hosting y que suele ser una carpeta llamada “htdocs” o “public”. Para poder transferir los archivos por FTP, se necesita un programa que pueda realizar este trabajo. Entre los recomendados está FileZilla, es opensource y se puede descargar desde su web: https://filezilla-project.org/.

¿SABÍAS QUE…?

Transferir por FTP es muy parecido a copiar y pegar archivos en el sistema. Lo único a tener en

cuenta es configurar el destino (servidor web) con los datos que ha facilitado el proveedor, y una

vez abierto, realizar la operación de copiar la carpeta de WordPress que está en local y pegarla

en el remoto.

Page 48: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS48

6� Instalando WordPress en el servidor web�

Queda muy poco y lo más complicado ha pasado. El servidor contiene los archivos necesarios y están ya configurados.

Es el momento de abrir una ventana del navegador y teclear en la barra de direcciones “http://midominio.com/wp-admin/install.php” (midominio será el nombre que se haya registrado). A partir de aquí, se cargará una página web muy parecida a cualquier formulario en la que se irán introduciendo los datos que se piden para que se genere el sitio web:

Definir el título del sitio es lo primero; debe ser un nombre o frase con identidad propia y fácil de recordar, por ejemplo, “Curso de webs y blogs”. El nombre de usuario y la contraseña es algo que, por seguridad, debe ser diferente al que se eligió para la BD, y además debe recordarse puesto que dicho usuario será el administrador total del sitio. También se facilitará un correo electrónico donde recibir todas las notificaciones del sistema.

Por último, bastará con presionar el botón “instalar ahora” y, en unos momentos, si todo está correcto, aparecerá un mensaje indicando que la instalación se ha realizado con éxito.

¿Fácil? ¿Rápido? Es la instalación de los 5 minutos. Si se accede desde el navegador a “http://www.midominio.com”, se podrá ver un sitio web simple pero con mucho potencial. Ahora es el momento de configurar sus parámetros y dotarlo de contenido.

7� Accediendo a la administración del sitio�

Para ello se ha de acceder a la administración del sitio mediante la dirección: “http://www.midominio.com/wp-login.php”, que llevará a una página como ésta donde introducir los datos del administrador que se configuraron anteriormente:

Page 49: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 49

3�2� ELEMENTOS BÁSICOS DE WORDPRESS

En la segunda unidad de aprendizaje se ha visto que todo CMS dispone de una parte privada para gestionar, configurar y dar formato al sitio� En WordPress, a esta parte se le llama “escritorio” o dashboard (en inglés).

En el escritorio se encuentra el acceso a todo lo necesario para configurar y optimizar el sitio, así como el lugar donde escribir el contenido de las páginas. La imagen siguiente es un ejemplo de un escritorio de WordPress recién instalado:

RECUERDA

Son siete pasos los que tienes que seguir: descargar el paquete de archivos, descomprimir

el mismo, crear una base de datos en el servidor, localizar y modificar el archivo wp-config.

php, subir los archivos al servidor web, instalar WordPress en el servidor web y acceder a la

administración del sitio.

PRESTA ATENCIÓN

La construcción de este CMS es sólo una parte de la administración del mismo; también disponemos

de información sobre cambios y novedades. Respecto a la configuración y personalización, son

varios asistentes los que pueden llevarla a cabo.

Page 50: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS50

Lo primero que se aprecia al acceder a la administración es un espacio limpio y ordenado, compuesto de un menú lateral donde administrar, configurar y construir los elementos del sitio, y una parte central donde se informa de las principales novedades y cambios que se producen en él.

Cabe destacar, en la parte central, un bloque llamado “Bienvenidos a WordPress”. Este bloque está destinado a ayudar a configurar y personalizar el sitio a través de varios asistentes. También ayuda a escribir entradas o artículos, así como añadir páginas de estructura. Además, tiene un acceso directo para ver el sitio tal y como se muestra al público.

El menú lateral de WordPress ofrece la posibilidad de configurar toda la potencia. Se distinguen 3 áreas bien diferenciadas:

En la parte superior se accede al área de información general, donde se puede conocer el estado de los contenidos, comentarios, noticias importantes del sistema, etc. Además, da información sobre las actualizaciones del sitio, los plugins y los temas, todo ello necesario para la seguridad, tal y como se ha visto anteriormente.

El área de publicación es donde se gestiona la creación de contenido. A través del menú “entradas” se escriben los artículos del blog y se enriquecen con imágenes, vídeos o música insertados a través del menú “medios”.

También ofrece la posibilidad de crear páginas únicas donde mostrar una información concreta, o bien gestionar los contenidos que realizan los usuarios en las entradas que se escriben.

La última área se corresponde con la administración del sitio y en ella se ajustan todos los parámetros necesarios para que el sitio muestre los elementos que se desean en el lugar que se desea. También se ajustan los permisos para cada tipo de usuario que interactúa en el sitio y dispone además de herramientas de mantenimiento y gestión para garantizar el buen funcionamiento.

¿SABÍAS QUE…?

El contenido es generado como entradas, y éstas son el contenido que muestra tu web. Puedes

encontrar en el escritorio, tras desplegar el menú referente al apartado “entradas”, opciones

diversas: todas las entradas (muestra todas las entradas creadas, organizadas por fecha),

añadir nueva (crear una nueva entrada), categorías (clasificación de tus entradas) y etiquetas

(palabras clave).

¿SABÍAS QUE…?

Existe una infinidad de plantillas gratuitas de WordPress, aunque también hay plantillas de

WordPress de pago.

Page 51: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 51

3�3� DISEÑO Y APARIENCIA

Si de algo se ha hablado en este manual, es de la facilidad de cambiar el aspecto y diseño del sitio; acción que se consigue a través de las plantillas o temas, que son una colección de archivos que trabajan juntos para producir un interfaz gráfico con un diseño unificado para el sitio. Según la definición en la página de ayuda oficial, un tema modifica el modo en el que el sitio es mostrado sin modificar la estructura. En el mercado existen infinidad de temas, y los hay gratuitos o de pago, básicos o muy complejos, o adaptables a distintos dispositivos. En el apartado siguiente se verá más a fondo cómo instalar y personalizar temas.

Un ejemplo del aspecto de un WordPress con plantilla:

Lo primero que se aprecia al acceder a la administración es un espacio limpio y ordenado, compuesto de un menú lateral donde administrar, configurar y construir los elementos del sitio, y una parte central donde se informa de las principales novedades y cambios que se producen en él.

Cabe destacar, en la parte central, un bloque llamado “Bienvenidos a WordPress”. Este bloque está destinado a ayudar a configurar y personalizar el sitio a través de varios asistentes. También ayuda a escribir entradas o artículos, así como añadir páginas de estructura. Además, tiene un acceso directo para ver el sitio tal y como se muestra al público.

El menú lateral de WordPress ofrece la posibilidad de configurar toda la potencia. Se distinguen 3 áreas bien diferenciadas:

En la parte superior se accede al área de información general, donde se puede conocer el estado de los contenidos, comentarios, noticias importantes del sistema, etc. Además, da información sobre las actualizaciones del sitio, los plugins y los temas, todo ello necesario para la seguridad, tal y como se ha visto anteriormente.

El área de publicación es donde se gestiona la creación de contenido. A través del menú “entradas” se escriben los artículos del blog y se enriquecen con imágenes, vídeos o música insertados a través del menú “medios”.

También ofrece la posibilidad de crear páginas únicas donde mostrar una información concreta, o bien gestionar los contenidos que realizan los usuarios en las entradas que se escriben.

La última área se corresponde con la administración del sitio y en ella se ajustan todos los parámetros necesarios para que el sitio muestre los elementos que se desean en el lugar que se desea. También se ajustan los permisos para cada tipo de usuario que interactúa en el sitio y dispone además de herramientas de mantenimiento y gestión para garantizar el buen funcionamiento.

¿SABÍAS QUE…?

El contenido es generado como entradas, y éstas son el contenido que muestra tu web. Puedes

encontrar en el escritorio, tras desplegar el menú referente al apartado “entradas”, opciones

diversas: todas las entradas (muestra todas las entradas creadas, organizadas por fecha),

añadir nueva (crear una nueva entrada), categorías (clasificación de tus entradas) y etiquetas

(palabras clave).

¿SABÍAS QUE…?

Existe una infinidad de plantillas gratuitas de WordPress, aunque también hay plantillas de

WordPress de pago.

Page 52: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS52

En general, el diseño web es tendencia y, según el año, varía hacia unos patrones u otros. Por regla general, los sitios web deben estar diseñados de forma que el contenido esté ordenado, visible y no saturado con demasiados elementos que distraigan al público. Además, debe adaptarse a cualquier dispositivo y funcionar correctamente en ellos. La calidad del diseño, la adaptabilidad y ajuste a los patrones y tendencias actuales dependerá mucho de la plantilla que se elija�

En el menú “apariencia”, además del tema, se pueden configurar otros aspectos básicos de la página que se verán a continuación. WordPress por defecto, instala un tema básico que puede personalizarse y ajustarse a la apariencia que se desee.

Al acceder a opción de personalizar, se está modificando el tema que el sitio web tenga operativo en ese momento. Normalmente, aquí se configura el nombre o título del sitio, los colores de fondo, la imagen de cabecera, el pie de página, así como la página principal que actuará como portada del sitio.

UN SÍMIL

Si se toma como ejemplo de sitio un maniquí de moda, el propio maniquí sería la estructura

permanente y los temas serían los distintos modelos de vestidos y complementos con los que se

le va dotando para adoptar una apariencia distinta en cada momento.

Page 53: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 53

Un sitio web suele disponer de widgets (elementos que se distribuyen en las barras laterales o pie de página del sitio y muestran una información concreta o realizan una acción determinada), para mejorar la información y la forma en que se muestra. Por ejemplo, añadir un widget que muestre el calendario en la zona lateral derecha superior hará que los usuarios que visiten la web puedan tener una visión rápida de los eventos que se producen y que estén reseñados en los días.

Para añadir uno, basta acceder al submenú widgets y buscar el deseado. Una vez se ha encontrado el que cumple la función que se desea, se arrastra al área donde se quiera mostrar (barra lateral, barra de contenido o pie de página). WordPress trae por defecto unos 35 widgets para interactuar con funciones sociales, de información, estadísticas, resúmenes, rankings, agregadores de noticias, etc.

A continuación, se ajustan los menús, que son los elementos que permiten la navegación ordenada por todo el sitio. La configuración del lugar donde se ubicará y el número de elementos que contendrá se realiza también desde “apariencia”. Es importante destacar que, dependiendo del tema elegido, habrá características y propiedades que cambien. No obstante, el tema que viene por defecto permite la configuración de menús que son comunes a la mayoría.

En este sentido, crear un menú es una tarea simple. Se añade un nombre y se confirma para guardar los cambios. A un menú básicamente se pueden añadir 3 elementos:

• Una página: Estática o única. Un ejemplo puede ser la página de “conócenos”, que al acceder desde el menú te llevará a la información de los responsables de la página.

• Un enlace: A una página externa o interna. Un ejemplo: crear un enlace a una dirección web externa relacionada con el proyecto, como puede ser un canal de Youtube.

RECUERDA

Los menús son modificables, pueden cambiarse de sitio, crearse nuevos e incluso añadirle widgets.

¿SABÍAS QUE…?

El administrar ofrece la oportunidad de personalizar los temas en función de los gustos del

cliente que disfrute de los servicios ofrecidos por WordPress. Aunque en la sección “apariencia”

se pueda realizar cambios en el tema, muchos usuarios prefieren algo más personal.

Page 54: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS54

• Una categoría: Enlaza a las categorías que se han creado para el sitio. Por ejemplo, si se accede a un sitio web de venta de coches, una categoría puede ser “coches usados” y otra “coches nuevos”; configuradas en el menú facilitarán la búsqueda al público.

Para añadir uno de estos elementos, basta con seleccionarlo a la izquierda y arrastrar hasta el menú que se ha creado, tal y como se muestra en la imagen.

Solo queda configurar dónde aparecerá el menú, y eso se consigue en la pestaña superior “gestionar lugares”. Normalmente, las opciones son en la barra superior (después de la cabecera) o en la barra lateral.

La cabecera es lo primero que aparece al cargar un sitio web, así que es uno de los elementos más importantes. Una buena imagen que defina el sitio junto con un buen titular hará que el sitio sea más atractivo. En esta sección se puede configurar la imagen de fondo de la cabecera.

RECUERDA

No todos los temas tienen las mismas opciones de edición.

SABER MÁS

Existe el Consorcio World Wide Web (W3C), que es una comunidad internacional de miembros y

organismos que trabajan conjuntamente para desarrollar estándares web sobre accesibilidad.

Esta es una guía breve: http://w3c.es/Divulgacion/GuiasBreves/Accesibilidad

Page 55: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 55

El fondo también es configurable. Se puede añadir una imagen o cambiar los colores. Para ello es muy recomendable tener en cuenta las tendencias de diseño, por lo que incluir imágenes muy llamativas no es muy acertado.

Por último, si se es usuario avanzado o profesional, en la sección de editar se puede modificar a nivel de código todo el tema al completo.

Una web debe ser también accesible. Accesibilidad es el grado con el que todas las personas pueden utilizar una web, independientemente de sus capacidades técnicas, cognitivas o físicas. Una web que no puede ampliar el texto para una mejor lectura, o que no se ajusta a los parámetros que marcan las Pautas de Accesibilidad al Contenido en la Web, será una web no accesible y por lo tanto no recomendable. De nuevo, si se busca una plantilla, debe cumplir con estas pautas y debe estar validada.

3�4� MANTENIMIENTO Y ACTUALIZACIÓN

Al igual que la configuración correcta de una web es algo necesario para el buen funcionamiento, un mantenimiento continuo del sitio y todos sus elementos instalados hará que sea más robusto y a la vez más seguro.

¿SABÍAS QUE…?

A veces, el sistema de actualizaciones automáticas de este CMS no se realiza. La causa más

habitual de este suceso es la falta de memoria o de permisos con respecto a la actualización la

base de datos

Page 56: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS56

La seguridad es algo que preocupa a todos los públicos de Internet. Los CMS son desarrollados por comunidades de programadores muy diversas y extensas. Esto favorece mucho su expansión y su mejora en funcionalidades nuevas, pero a su vez se convierten en sistemas muy complejos a nivel de código, dejando muchas puertas de entradas abiertas. Para que esto no ocurra, esta comunidad está constantemente realizando pruebas y comprobando que esas puertas se detecten y se cierren para que no pueda entrar quien no debe. En la mayoría de los casos, todos estos problemas se solventan, pero siempre hay algo que se escapa.

Esta es la razón por la que en los CMS existen versiones de sí mismo. Recuérdese que, al principio de la unidad, se pidió descargar la última que es la más estable. La última versión de WordPress siempre será la más segura y la recomendada para instalar, que actualmente es la 3.9.1. Si no se tiene la última versión, se debe proceder a actualizarla desde el menú lateral en la zona de información general, concretamente en el apartado “actualizaciones”:

Como se observa, al tener la última versión, el sistema nos informa de que no es necesaria su actualización. Aunque si se necesita reinstalar por algún mal funcionamiento, se puede hacer desde aquí restaurando el sistema con los archivos originales y actualizados.

Los elementos de terceros (suele llamarse a los que no vienen incluidos en la instalación) como temas, plugins y traducciones, también se pueden actualizar desde aquí si el creador lo permite. Saldrá una notificación y los pasos a seguir para realizarla.

Tener la costumbre de realizar copias de seguridad de un sitio web es también una práctica que ayudará a conservar toda la información que se ha ido generando a lo largo de la vida del sitio. Para ello, los servicios de hosting proveen de herramientas que realizan copias de seguridad automáticas. Para activarlas, bastará con consultar con el

¿SABÍAS QUE…?

Las tres formas más comunes de hackear WordPress son: 1. A través de temas y plugins no

actualizados. 2. Accesos débiles con contraseñas y usuarios muy comunes. 3. Por inyecciones

a la base de datos; esto es, una petición masiva de información en poco espacio de tiempo. Se

soluciona teniendo un buen hosting.

RECUERDA

Es esencial hacer copias de seguridad para evitar problemas que inevitablemente puedan ocurrir,

siendo necesario tomar medidas frente al desastre. Por ello, realiza una copia de seguridad

regularmente, siempre antes de una actualización.

Page 57: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 57

proveedor y comprobar que dispone de ellas. Otra opción es instalar un plugin (se verá cómo se hace en la unidad de aprendizaje siguiente) que sirva para realizar copias de seguridad completas.

WordPress, en el menú de lateral, en la zona de administración, dispone de una herramienta de exportación que permite configurar un archivo con las distintas entradas, contenidos, comentarios y páginas del sitio. Una vez exportados, se podrá guardar en un ordenador y exportarlo cuando se necesite.

3�5� AJUSTES DEL SITIO

En el apartado de “ajustes” se configuran parámetros más estructurales y relativos a funcionalidades que afectan de manera general al sitio. En el subapartado “generales” se accede a configurar el título del sitio, el email general para recibir el contacto de cualquier persona, el horario y fecha, etc.

En el subapartado “escritura” se modifican parámetros que afectan al formato de escritura y publicación de las entradas. Los emoticonos válidos, la configuración de una cuenta de correo si la publicación se manda automáticamente a los suscriptores, etc.

“Lectura” es el siguiente subapartado y ayuda a configurar el número de entradas que se verán por página, qué información aparecerá en la página principal, etc.

El subapartado “comentarios” es uno de los más completos y configura toda la interacción que tiene el público cuando quiere comentar alguna entrada o post; desde la configuración de si se permiten o no los comentarios, hasta una lista negra y seguridad para evitar spam. Es aquí donde se puede forzar al usuario a que ponga un nombre y email válido para poder comentar, o configurar la notificación por correo cuando cualquiera inserta un comentario, etc.

Otro subapartado interesante es el de “medios”, que configura el tamaño de las imágenes a mostrar en las entradas, o el tamaño de las miniaturas.

Por último, los “enlaces permanentes” ayudan a configurar las direcciones de las páginas del sitio. Una página de WordPress, en su dirección contiene caracteres especiales y una numeración extraída de la base datos, como por ejemplo: http://www.misitio.com/?p=123. Con esta función se puede conseguir que en el navegador aparezca http://www.misitio.com/pagina-de-prueba. Esto facilita mucho la difusión y posicionamiento para buscadores, además de una mejor comprensión por parte de los usuarios. Se conocen como las URL amigables.

¿SABÍAS QUE…?

Las URL amigables, también conocidas como URL semánticas, son aquellas entendibles para los

usuarios, formadas por palabras relacionadas con el contenido de la página.

Page 58: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS58

Para ajustar todos estos parámetros y los anteriores vistos en la unidad de aprendizaje, se recomienda realizarlos con las suficientes garantías de lo que se está haciendo; para ello, el consejo es no precipitarse. No obstante, WordPress en cada parámetro realiza una pequeña definición de qué se va a hacer y qué es lo que puede ocurrir según se cambien las opciones. Además, en la esquina superior derecha del escritorio hay siempre una pestaña de “ayuda” que va ajustando el contenido según el apartado del menú donde se encuentre. Esta opción es muy útil también para ir aprendiendo más a fondo sobre el CMS.

Ahora el sitio está configurado y preparado para mostrar una primera versión (aunque básica y con poco contenido) para todos los públicos. WordPress dispone de una opción que se encuentra en la parte superior en la esquina izquierda y que al pulsar en “visitar sitio” lleva directamente a la versión pública de la web. ¡Se ha creado el sitio y funciona!

RESUMEN

Para poder instalar WordPress se necesita de un servidor que tenga servicio web, de base de datos y de transferencia de archivos. Una vez comprobado esto, se procederá a descargar los archivos desde es.wordpress.org.

Los archivos se modifican para ajustar los parámetros de la BD. Una vez terminados, se cargan al servidor y comienza la instalación. Es un proceso que se sigue paso a paso y no resulta complicado.

Tras realizar la instalación, se accede con el usuario que se ha creado a la administración del sitio. Lo primero que se muestra es un escritorio general con toda la información del sitio y un menú lateral donde acceder a todos los ajustes.

Los ajustes del apartado de información ofrecen el estado de las actualizaciones del CMS de los plugins instalados y de los temas; un lugar para visitar periódicamente y saber el estado de la web.

El apartado de publicación de contenido agrupa todas las opciones para publicar y generar el contenido de las páginas y entradas del sitio.

El apartado de configuración es el más extenso y permite modificar desde la apariencia hasta la forma en que se muestra la hora del sitio. Configurar los temas del sitio, el título o cómo se muestran los enlaces permanentes son otros parámetros configurables.

El mantenimiento y la seguridad son dos cuestiones muy ligadas entre sí en un CMS. Tener el sitio actualizado y configurar los parámetros para combatir el spam son dos tareas que deben tenerse en cuenta periódicamente en la revisión del sitio para evitar que el sitio sea pirateado o hackeado por usuarios malintencionados.

Page 59: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Administración del sitio web

Unidad 4

Page 60: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 61: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

61CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 4� ADMINISTRACIÓN DEL SITIO WEB

La administración de todos los elementos del sistema es lo que le da versatilidad al CMS; poder disponer de un tema o plantilla de sitio propiciará que el lugar cambie de aspecto en pocos clics de ratón y con resultados sorprendentes. Existen muchos repositorios de temas y plantillas y cada una proporciona unas características determinadas según se quieran utilizar en un proyecto u otro.

Elegir una buena plantilla no es sólo cuestión de diseño, se necesita valorar una serie de cuestiones que garantizarán que se pueda tener el control total del sitio y la máxima seguridad.

Se ha visto en todo el manual que un sitio debe disponer también de una estructura estable y lógica donde se ofrezca toda la información necesaria para que el usuario comprenda qué se le está ofreciendo. Para ello, las páginas únicas son una herramienta indispensable y propicia para mostrar información permanente. Aprender a crearlas, administrarlas y ubicarlas dentro de la web es fundamental para aportar claridad y accesibilidad a el sitio.

Otro aspecto importante en la administración son los plugins. Esos elementos de los que tanto se habla y que permiten tener funcionalidades casi inimaginables en la web. Cualquier función que se quiera realizar, probablemente tendrá un plugin preparado que la implemente. Lo importante es saber elegirlos y tener garantías de que son seguros y que detrás de ellos hay un equipo de personas que lo mejoran y actualizan. La seguridad es lo más importante en un sitio, así que aprender a instalarlos y configurarlos es tarea fundamental en un administrador de sitio.

WordPress no sería tan famoso si no fuese por la posibilidad de interactuar con los lectores a través de los comentarios. Es un elemento esencial y decisivo en el panorama de la web 2.0. Esto permite que el autor tenga un feedback inmediato y público de la reacción que ha tenido ese lector con el artículo publicado. En este caso, tener un buen sistema contra comentarios spam y saber gestionarlos es necesario para garantizar el buen funcionamiento del sitio web.

Por último, la administración de usuarios es otro punto fuerte de WordPress. Permite tener distintos niveles de usuarios según las funciones y tareas que vayan a desempeñar en la página. Un sitio web con distintos usuarios organizados por tareas garantiza que el funcionamiento esté ordenado y cada uno pueda realizar una función determinada sin comprometer otras que puedan poner el sitio en peligro.

¿SABÍAS QUE…?

Esta herramienta, la administración de sitios web, posibilita observar y administrar la

configuración de dicho sitio a través de una interfaz web sencilla.

Page 62: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS62

Esta unidad de aprendizaje, en definitiva, se adentra desde una perspectiva básica a la configuración y optimización del sistema.

4�1 ADMINISTRACIÓN DE TEMAS O PLANTILLAS

Mucho se ha hablado en este manual sobre los temas o plantillas. Es el momento de abordar la instalación de temas nuevos para poder cambiar radicalmente el aspecto inicial del sitio que trae consigo la instalación inicial.

Se ha hablado en unidades anteriores de la importancia de trabajar bien la apariencia del blog y guardar líneas de diseño actuales. Para ello, se procederá a describir unos aspectos básicos que ayudarán a elegir un tema o plantilla para el sitio web:

1� Fácil de modificar y que su administración se haga desde el mismo panel de WordPress. Es frecuente encontrar plantillas que, por ser gratis, la modificación haya que hacerla en el código, y esto dificulta ajustar la apariencia al resultado que se desea. Es frecuente encontrar también plantillas donde el grado de modificación varíe. A través de las imágenes del desarrollador y el resumen se puede saber qué grado de modificación tiene dicha plantilla.

2� Adaptable a otros dispositivos. Es lo que se conoce como responsive. Cada vez es más frecuente el uso de móviles, tabletas y Smart TV como dispositivos para la lectura de contenido, por lo que tener una web que se adapte al dispositivo es fundamental. Esto se consigue con plantillas con la propiedad de diseño adaptable (http://es�Wikipedia�org/wiki/Dise%C3%B1o_web_adaptativo). Una sola versión de esa plantilla permite al sitio web adaptarse perfectamente a las dimensiones de la pantalla y sin perder el diseño original.

3� Ajustada a las necesidades el sitio. WordPress, al ser tan versátil, dispone de infinidad de plantillas que ofrecen distintas combinaciones de elementos y widgets según a la temática que se destine. Al buscar plantillas en los catálogos, es frecuente encontrarlas organizadas por categorías tales como: tiendas online, periódicos, portfolios, negocios, viajes, etc. Elegir una plantilla adaptada ahorrará bastante trabajo, pues muchas de las funcionalidades y espacios de distribución estarán creados. Existen plantillas que tienen widgets específicos que van a conferir al sitio un aspecto muy vistoso. Un ejemplo son los sliders.

4� Actualizable y con soporte. Todo lo anterior provoca que un tema sea “casi” un programa aparte funcionando paralelamente en el sitio web. Es muy importante que ese tema se vaya actualizando y se corrijan los posibles

¿SABÍAS QUE…?

Los sistemas de temas son una forma de otorgar una apariencia determinada al sitio web,

aunque va un poco más allá, puesto que no solo es cambiado el diseño visual, sino que también

provee de más control sobre el aspecto y la presentación del material dentro del sitio.

Page 63: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 63

errores o puertas. Ya se ha hablado de la seguridad y la necesidad de tener todo actualizado. El tema debe estar vivo, y el soporte técnico ir mejorándolo con versiones nuevas del mismo.

5� Ajustado al SEO. Un tema bien diseñado será garantía de que los grandes buscadores pasarán por él encontrando perfectamente todos los cambios y contenido nuevo. El SEO, que se abordará en la próxima unidad de aprendizaje, permite que los buscadores indexen la información de los sitios webs para que aparezcan correctamente en las búsquedas de usuarios. Una plantilla no preparada para un SEO será un sitio web difícil de posicionar. Aunque WordPress está bien preparado para este recurso, no conviene descuidar este aspecto.

6� Que integre elementos de redes sociales y difusión. Un blog por sí solo no es nada. Una plantilla debe tener widgets y elementos que faciliten la difusión del contenido por las principales redes sociales y capacidad para generar el contenido en RSS. Aunque esto se puede incluir con un plugin externo, si la plantilla trae consigo esta posibilidad el entorno será más seguro y estará visualmente más integrado.

Volviendo al sitio web que se ha creado, es la hora de cambiar el aspecto e instalar una plantilla; para ello hay que ir al menú de “apariencia” y allí pinchar en el subapartado “temas”. Aparecerán todos los temas que están instalados en el sitio web. La instalación básica suele traer consigo tres temas básicos que se configuran como se ha visto en la unidad anterior.

CURIOSIDADES

Un RSS es un sistema para compartir contenido entre sitios webs. Al contener este sistema, se

genera un archivo XML con los datos de la web y el contenido a compartir. Si otro sitio web tiene

un lector de RSS, puede importar el contenido adaptado al formato de destino.

Page 64: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS64

Para instalar una plantilla nueva, se puede realizar de dos maneras distintas:

1� Tener los archivos descargados del proveedor de plantillas. En este caso hay que subir la plantilla al hosting, a la carpeta wp-content->themes. Con esto, WordPress sabrá que se ha instalado un nuevo tema y aparecerá en la administración anterior.

2� Instalarlo desde la propia administración. Desde la versión 3 de WordPress, se puede buscar e instalar un tema desde la propia interfaz, ahorrando todo el proceso anterior. Otra ventaja importante frente a la anterior es que los temas que aparecen suelen ser seguros y controlados por WordPress.

Se utilizará la opción dos para instalar el tema. Para ello, en la zona superior izquierda del área de contenido, hay un botón de “añadir nuevo” o, más abajo un botón con el símbolo “más” que aparece a continuación de los temas instalados en el sitio web.

Al hacer clic en ese botón, se muestra un catálogo de temas parecido al de la imagen inferior, donde aparecen pequeñas muestras del aspecto de la plantilla. Arriba, se dispone una barra de búsqueda que permite filtrar y buscar los nuevos temas. En las últimas versiones de WordPress también aparece un botón (en la esquina superior izquierda del área de contenido) con la opción “subir tema”, que haría la misma función que instalarlo de la forma uno que se ha visto.

Una vez encontrado el tema que puede interesar, WordPress ofrece varias opciones al situarse encima de él:

Detalles: Aquí se indica qué tipo de elementos se pueden utilizar, la tipografía de letras, las actualizaciones y todo lo necesario para decidir si es el correcto para el sitio web, teniendo en cuenta todos los aspectos vistos más arriba.

UN DATO

En el caso de WordPress, un tema hace referencia a un conjunto de archivos que se aplican

juntos para generar una interfaz gráfica con un diseño latente uniforme para el sitio.

Page 65: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 65

Vista previa: Ofrece la posibilidad de visionar el aspecto final del sitio web con esta plantilla sin la necesidad de instalar. En este caso, si se han instalado imágenes de cabecera y configurados menús laterales, si el tema los contempla, aparecerán en la vista previa.

Instalar: Al pulsar en este botón, el tema se instala. WordPress muestra un historial del proceso de instalación y al final ofrece la posibilidad de activar el tema para poder personalizarlo. Si se activa, el sitio cambiará de aspecto y adoptará el de la nueva plantilla.

Ahora sólo queda configurar el tema en el menú “apariencia”. Según el que se instale, incluirá en los distintos subapartados (widgets, menús, fondos, etc.) unos elementos u otros. Bastará con volver al menú “apariencia” y ver qué hay de nuevo y configurarlo.

4�2� ADMINISTRACIÓN DE PÁGINAS

Anteriormente, se ha hablado del concepto de página única frente a una entrada o post. La diferencia esencial entre las dos es que una página suele contener información estática y duradera, mientras que una entrada del blog trata sobre un tema concreto. Si el sitio web que se va a diseñar sólo va a centrar su actividad en publicar post, una página única no tiene mucho sentido. En cambio, cuando el sitio ofrece más servicios, las páginas únicas son muy útiles para organizar y dar cuerpo y sentido lógico a la web.

RECUERDA

Hay muchísimas páginas que ofrecen plantillas, unas de pago y otras gratuitas. A veces, según

el proyecto, merece la pena comprar un tema, pues garantiza un soporte y seguridad controlados,

además de ser muy configurables con entornos gráficos integrados. Un ejemplo de temas actuales

y responsive: http://themeforest�net/category/WordPress

Page 66: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS66

Las páginas de inicio también suelen utilizarse como páginas de entrada al sitio. Un usuario, cuando teclea la dirección y accede por primera vez, le aparece una página concreta. A esto se le llama landing pages, y hay temas que incluso permiten su creación y configuración.

Una página única se suele utilizar por ejemplo para:

Sección de “contacto”. Es donde insertar toda la información para contactar con la empresa o con el administrador de la página. Puede incluir mapas de localizaciones, teléfonos, emails, perfiles de redes sociales, etc.

Sección “acerca de”. Suele hablar un poco de quién ha creado la web y a qué se dedica. Es una información que irá vinculada a la persona o la empresa según se trate. Es muy común, cuando se trata de la empresa, que aparezcan fotografías del equipo o las personas más estratégicas.

“Preguntas frecuentes”. Cuando se aborda una temática concreta, o se gestiona una tienda, es muy recomendable poner una página única con una batería de preguntas que le pueden surgir a la persona que visita la web.

“Misión, filosofía”. Habla del sentido del sitio o de la empresa. Una historia del porqué y qué filosofía lleva a la empresa o a la persona a montar el proyecto que muestra en la web.

En definitiva, es un elemento que permite dar información que no tendría cabida en formato blog o de entrada.

La creación de una página es muy similar a la de una entrada de blog, pero con ciertas características que la van a diferenciar, como la posición en el sitio, el formato, etc.

¿SABÍAS QUE…?

Las landing pages son páginas de aterrizaje, es decir, donde llega una persona tras pulsar un

enlace.

DEFINICIÓN

Las páginas se usan en su mayoría para presentar la información atemporal sobre usted o su

sitio que siempre se puede aplicar.

Page 67: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 67

Para crear una página única, WordPress ofrece de manera diferenciada en el área de creación de contenido un menú específico: “áginas”. Al hacer clic, aparece una relación de las páginas únicas que contiene el sitio (en la instalación inicial, ninguna) y las opciones para crear y gestionarlas:

En la esquina izquierda de la zona de contenido, aparece la opción para añadir una página nueva, y a continuación el listado de las páginas que hay creadas en el sitio con información de quién la creó, cuándo y si está publicada, es decir, si está activa y visible al público.

Al hacer clic en el botón de “añadir nueva”, el sistema ofrece una interfaz desde donde crear una página con contenido específico.

Lo primero es introducir el título de la página, por ejemplo “conócenos”. A continuación, la interfaz ofrece un editor de textos bastante completo con la posibilidad de dar formato y estilo al texto escrito. Además, permite la inserción de objetos (videos, imágenes o audios).

En la zona lateral, junto al contenido que se está escribiendo, hay una zona de configuración con 3 cajones: uno para controlar la publicación, por si se quiere dejar en borrador y no ser visto por el público (se suele utilizar para poder escribir el texto en distintos momentos); el nivel de visibilidad que tendrá según el tipo de usuario (se verá más adelante en esta unidad), etc.

El cajón que hace referencia a la jerarquía, permite establecer si la página es principal o depende de otra página superior. Siguiendo con el ejemplo: dentro de “conócenos” podrían crearse otras páginas como “dirección postal” y “dirección digital”, siendo estas dos páginas subpáginas dependientes de la principal “conócenos”. Por último, a cada página se le puede poner una imagen destacada que la defina.

¿SABÍAS QUE…?

Las entradas se organizan de forma cronológica y se refieren a las noticias que conforman el

blog, mientras que las páginas son contenidos más estáticos, útiles para la información del

mismo. En este último caso, la organización es jerárquica.

Page 68: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS68

Así, a modo de resumen, se puede decir que::

Las páginas son para el contenido, que es menos dependiente de la temática de los post.

Las páginas pueden organizarse en páginas y subpáginas.

Las páginas pueden usar diferentes plantillas de página.

4�3� ADMINISTRACIÓN DE PLUGINS

Los plugins, según la definición de WordPress, son herramientas que extienden la funcionalidad del CMS. En esta propiedad es donde está toda la potencia de WordPress. Los plugins son los elementos que hacen posible que un sitio se pueda instalar en principio como una simple página web y, posteriormente, se le vayan incluyendo elementos hasta convertirlo en una sofisticada tienda online o un portal de noticias.

Cabe destacar que la capacidad de soportar plugins solamente está presente en la versión de WordPress�org, por lo que si se decide montar el sitio a través de WordPress.com no será posible configurar estos elementos.

Técnicamente, es un fragmento de código (el mismo en el que se escribe el CMS) que implementa una función determinada y sincronizada con el Sistema de Gestión de Contenidos. Normalmente, el plugin suele tomar información de la base de datos y la procesa según algún parámetro para mostrar algo concreto.

CURIOSIDADES

Existe una multitud de complementos, y algunos ejemplos de ellos, con especial aplicabilidad en

el ámbito educativo son: Add Multiple Users for WP, Next Gen Gallery o JetPack.

Page 69: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 69

Actualmente, WordPress dispone de más de 25.000 plugins activos y para instalar, lo que hace posible que cualquier necesidad o funcionalidad que se quiera implementar se pueda encontrar.

Los siguientes plugins están incluidos en la distribución de WordPress básica:

• Akismet: Realiza la función de confrontar los comentarios de los usuarios con el servicio web de Akismet, para comprobar si parecen spam o no. Se puede revisar lo que Akismet ha considerado spam en su zona de gestión. El spam se borrará automáticamente después de 15 días.

• Hello Dolly: No es exactamente un plugin, más bien es una especie de prueba. Cuando se activa, aparecen de forma aleatoria partes de la letra de “Hello Dolly” (canción de Louis Amstrong) en la parte superior derecha de su panel de administración en cada página.

Al igual que en los temas, existen repositorios de plugins y prácticamente hay que tener en cuenta los mismos aspectos que se reseñaban más arriba, ya que estos fragmentos de código pueden ser escritos por terceros, por lo que la seguridad y confianza vuelve a jugar un papel importante para la elección.

Llenar un sitio web de plugins no es lo más recomendable. Durante todo el manual se ha hablado de un diseño ajustado y minimalista, sin excesos ni saturaciones. Por un lado, tener un plugin es hacer que el navegador de la persona que ve la web tenga que procesar más información y, si el plugin está mal construido, ralentizará bastante la carga. Por otro lado, tener muchos elementos hace que el usuario se distraiga y no preste atención a lo verdaderamente importante: el contenido.

UN EJEMPLO

El clásico plugin de tiempo es un fragmento que se inserta en la web. Su funcionamiento es

el siguiente: en primer lugar, lee en la base de datos el lugar en el que se encuentra el sitio; a

continuación, consulta el tiempo en una base de datos remota para tomar los datos concretos a

ese sitio para, finalmente, mostrarlos en la página.

SABER MÁS

En el directorio oficial están todos los plugins realizados por la comunidad y categorizados por

temática y posicionados por popularidad de votos y uso, facilitando poder conocer cuál es mejor

o más usado. La dirección es: http://wordpress.org/plugins/

Page 70: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS70

El proceso de instalación de un plugin es muy parecido al del tema, solo que esta vez se debe acceder al menú “plugin” y mostrará los dos plugins que se han referido anteriormente. Por defecto, al instalarlo aparecen en modo inactivo. Esto se realiza por seguridad, para no provocar inestabilidad ni reacciones no controladas en la página.

Para añadir un nuevo plugin, se hace clic en el botón que aparece en la zona de contenido y se accede al repositorio oficial de WordPress. Ahí se puede realizar una búsqueda por tema o bien que muestre los plugins destacados o populares de la comunidad. Una vez se ha elegido el plugin deseado, existe la posibilidad de ver:

Detalles. Ahí se explican las funcionalidades que ofrece el plugin, los requisitos (algunos necesitan de otros plugins previos) de las versiones de WordPress en las que funciona correctamente, y otros detalles de interés. Es muy recomendable leer bien esta parte, pues garantizará que el código es fiable.

Instalación. Permite instalar el plugin sin ningún esfuerzo. Al tratarse de elementos complejos diseñados por terceros, WordPress advierte con una ventana emergente si realmente se quiere instalar. Una vez instalado, muestra un mensaje y la posibilidad de activar el código inmediatamente.

Ahora, lo único que queda es volver a la administración de los plugins instalados, buscar el que se ha instalado y proceder a configurarlo. Cada plugin tiene su propia configuración, por lo que se recomienda prestar mucha atención y conocer básicamente lo que realiza el plugin para poder aprovechar todo su potencial y sacar el máximo rendimiento.

Page 71: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 71

Recomendar uno u otro plugin puede ser una tarea inefectiva y subjetiva. No obstante, tomando parámetros de seguridad y funcionalidad, un sitio web debería tener al menos:

Un plugin que ayude al SEO. Para aumentar la configuración de las meta descripciones de las distintas páginas y entradas.

Uno que ayude a filtrar spam. Para ello, el que trae por defecto es de los más efectivos. Filtra casi el 98% de todos los comentarios spam que se generan automáticamente. Ahorra mucho tiempo y garantiza la limpieza del sitio.

Uno de rendimiento y optimización. Para realizar un mantenimiento de la base de datos, limpieza de caché, optimización y estadísticas. En este sentido, JetPack es uno de los más conocidos e integra más de 25 funcionalidades en un solo plugin. Está diseñado por WordPress y es una herramienta esencial

Uno para la analítica de Google. Estar en Google es estar en Internet. Implementar un plugin que facilite tomar los datos de la web: tráfico, usuarios, lugar de procedencia, horarios, etc., para analizarlos con la herramienta de Google. Esto permitirá ajustar campañas y definir los objetivos mucho mejor en el caso de trabajar con campañas publicitarias. Además Google, sabrá que el sitio está ahí generando datos.

4�4� ADMINISTRACIÓN DE COMENTARIOS

Los comentarios son quizás una de las características más populares de la conocida web 2�0� Esta funcionalidad permite replicar, contestar y contribuir a una entrada o post del sitio. Para ello, el administrador ha tenido que autorizar esta posibilidad. Antes, cuando se escribían los artículos, los comentarios sólo podían añadirse desde un correo electrónico o, a lo sumo, a través de un foro donde el webmaster habilitaba un hilo de conversación a tal efecto. Ahora es el mismo artículo, post o página la que puede verse replicada en el momento y en el mismo lugar en forma de comentario�

DEFINICIÓN

El SEO se refiere al posicionamiento en buscadores u optimizadores de motores de búsqueda, los

cuales mejoran la visibilidad en los resultados de los buscadores.

SABER MÁS

En la web de Ciudadano 2.0 ofrecen una lista periódica y actualizada de los mejores plugins en

función de su uso por la comunidad. Un ejemplo:

http://www�ciudadano2cero�com/mejores-plugins-WordPress/

Page 72: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS72

WordPress, al nacer como un CMS orientado a crear blogs, el comentario supone una herramienta fundamental y con identidad propia en el menú de configuración. No obstante, el CMS permite autorizar o no la función de comentarios. Según la filosofía que tenga el sitio web a crear o por cualquier razón, se puede desactivar que los usuarios dejen comentarios en las entradas. Para ello, desde el menú “ajustes”, como vimos en la unidad anterior, se accede a configurar todo lo referente a los comentarios� A modo de resumen:

• Se puede autorizar o no. Cuando se está creando una entrada, también existe la posibilidad de restringir los comentarios. Esto es útil, ya que se puede tener activado en general, pero restringirlo en determinadas entradas, por ejemplo en las páginas únicas.

• Requisitos de los usuarios. Qué tipo de usuario y qué datos se van a pedir para que se pueda dejar un comentario. Es una garantía para saber realmente a quién dirigirse para la réplica y también para evitar el indeseado spam.

• Moderación y lista negra. Ofrece la posibilidad de que los comentarios escritos por los usuarios tengan que ser moderados por el administrador antes de hacerse públicos; y en el caso de que la publicación contenga una palabra o parte de una palabra, dirección o algo que se haya considerado en la lista negra, directamente se moverá a spam.

Para ver todos los comentarios que interactúan con el sitio, en el menú lateral de WordPress aparece la opción “comentarios”, que al hacer clic se accede al listado de todos los comentarios. Por defecto, aparece un comentario de prueba con el que se puede probar la edición, aprobación o borrado del mismo.

SABER MÁS

Los comentarios están organizados en categorías: pendientes de moderación, aprobados y de spam.

¿SABÍAS QUE…?

La mayoría de los comentarios que se generan en los blogs son spam. Gracias a plugins como

Askimet ni si quiera llegan a publicarse, pero no dejan de generar tráfico y volumen de datos en

el servidor.

Page 73: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 73

Se indica quién escribe el comentario, un extracto del mismo y en respuesta a qué entrada o página del sitio web. Este es el lugar donde se gestionan los comentarios que se generan en el sitio.

4�5� ADMINISTRACIÓN DE PERFILES

Casi todos los CMS contemplan que cualquier persona pueda interactuar con el sistema de gestión a distintos niveles y con distintos permisos. Cada usuario registrado tiene un rol asignado para interactuar con la página y a su vez dispone de unos permisos o capacidades, como las llama WordPress.

Definir estos roles y asignarlos es también sinónimo de seguridad.

WordPress define 5 roles por defecto:

• Administrador: Es el usuario que instaló el sitio. Tiene acceso a todas las opciones sin ninguna limitación, siempre que se trate de una instalación simple. Asignar más de un rol como este es poco recomendable, pues al tener acceso a todo, incluso puede dejar el sitio sin funcionar. Este usuario será quien instale temas, modifique preferencias e instale plugins y cree la estructura de la página.

• Editor: Es muy parecido a un editor tradicional. Suele ser una persona que se encarga de controlar y

SABER MÁS

En la administración de perfiles se pueden realizar cambios sobre las opciones de visualización

de la ventana de administración y las opciones sobre el nombre que se mostrará al editar los

contenidos del sitio web.

UN EJEMPLO

Los perfiles o roles son una buena opción si se tiene un sitio web diseñado en el que existe un

usuario que lo administra todo y tiene acceso a todo, pero se necesita a otros usuarios que

escriban sólo en su categoría, sin que puedan administrar nada en el blog, por seguridad para

que no puedan modificar algo que interrumpa el funcionamiento del blog.

Page 74: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS74

revisar todo lo que se publica en el sitio web. Le está permitido la publicación y edición de artículos, incluyendo los artículos de otros usuarios. Estos usuarios no pueden modificar nada en lo que a diseño y gestión del sitio se refiere; sólo se centran en controlar el contenido que pasa por la web.

• Autor: Es un usuario al que se le permite crear, editar y publicar sus propios artículos. Suele asignarse a autores que se encargan de categorías concretas en el sitio. Son autores de confianza y se les permite la publicación directa de los artículos que publica sin tener que esperar a otro usuario de nivel jerárquico mayor para que lo haga.

• Colaborador: Le está permitido gestionar artículos, pero no publicarlos. Se suele utilizar para una colaboración puntual que se realiza en el sitio y que es tan esporádica que no merece la pena “comprometer” la sección con un autor o editor.

• Suscriptor: Este es el perfil más básico y el que se utiliza por defecto. Permite leer artículos comentarlos (si se permite) y modificar su perfil.

Para crear uno de estos usuarios, debe hacerlo el administrador del sitio, y para ello ha de ir al menú lateral de “usuarios” y acceder a la administración de todos los usuarios. Allí se listarán todos los usuarios activos y sus roles asignados.

Para añadir un usuario nuevo, basta con hacer clic en el botón que está en la esquina superior izquierda de la zona de contenido y proceder a rellenar los campos que se piden, tales como: nombre, correo electrónico, la contraseña y el rol que se le asigna, entre otros.

PRESTA ATENCIÓN

Una vez creado el nuevo usuario, hay que facilitarle la dirección de entrada para que pueda

acceder y gestionar conforme a los permisos otorgados. Para ello debe entrar en:

http://misitio�com/wp-admin/login�php

Page 75: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 75

Cada usuario tiene un perfil que puede modificar para ajustar las preferencias del sitio a sus necesidades. Para ello, en el mismo menú de “usuarios”, siempre tendrá la opción de “tu perfil”.

En este lugar se puede modificar desde el color con el que se ve la administración hasta el nombre a mostrar, pasando por el cambio de contraseña o si se quiere hacer público el email. Además, permite escribir una breve biografía que se insertará en todas las entradas que realice ese usuario en caso de que la biografía esté activada.

Por último, los roles que se han descrito no son los únicos. Se pueden crear más roles personalizados en las configuraciones avanzadas de WordPress.

RESUMEN

Administrar un sitio web es una tarea que puede tener muchos niveles de complejidad, pero en esta unidad se ha aprendido a configurar básicamente el sitio web con unas simples recomendaciones y consejos que contribuyen a crear un sitio de aspecto profesional y robusto.

Igualmente ocurre con los temas o plantillas. Es la parte de administración, junto con los plugins, más centrada en el diseño y aspecto de la página. Una plantilla con un diseño actual facilitará la lectura y organización del contenido, a la vez que puede dar funcionalidades específicas como los sliders fotográficos o la presentación de páginas formateadas, por ejemplo. No se debe olvidar la importancia que tiene elegir bien la plantilla, no solo por diseño sino por seguridad: si no está bien construida, será una puerta de entrada para poner en peligro el sitio�

Los comentarios son el elemento más interactivo que trae WordPress por defecto. Este sistema le da una importancia máxima a los comentarios. Concibe el concepto de web como un blog donde los usuarios van interaccionando con los distintos actores del sitio. Es importante destacar que WordPress trae consigo un plugin para evitar que esta función sea fuente de spam y saturación del tráfico web.

Por último, en esta unidad se ha visto la capacidad de WordPress de asignar roles a los distintos usuarios que se pueden registrar en el CMS. Esto permite garantizar zonas de seguridad frente a posibles desastres o borrado de datos por error.

Page 76: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS76

Es importante saber que cuando se instala WordPress, el usuario creado es el Administrador y tiene el control total de todo el sistema. Es quien se encarga de crear y eliminar usuarios, además de ser el único que puede administrar todas las opciones vistas en este manual.

RECUERDA

Existen distintos roles (administrador, editor, autor, colaborador, suscriptor). Cada uno de estos

roles define un conjunto de tareas. Por ejemplo, el administrador comprende las posibles tareas

que se pueden desempeñar en un blog, mientras que el autor posibilita la ejecución de un

subconjunto menor de tareas.

Page 77: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Publicación y gestión de contenidos

Unidad 5

Page 78: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 79: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

79CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 5� PUBLICACIÓN Y GESTIÓN DE CONTENIDOS

La publicación y gestión del contenido es el corazón del blog, ya que de él dependerán las visitas y la difusión. En esta unidad se verá cómo crear entradas, organizar el contenido e insertar elementos externos. Y por otro lado, se darán las claves para construir entradas interesantes aportando tips que garanticen el éxito.

5�1� CREANDO ENTRADAS Y PÁGINAS

5�1�1� CREAR ENTRADAS

Las entradas son los post del apartado de blog:

• Los títulos

Es importante recordar la importancia de los títulos, sobre todo para nuestros post. Han de llamar la atención y generar tráfico hacia nuestro sitio desde las redes y otras webs. 60 es el número de caracteres máximo que nos muestra Google en los resultados de las búsquedas, así que se debe procurar no pasar ese límite. Hay que aprovechar para incluir tus palabras clave en ellos.

• Palabras clave

Las palabras clave son fundamentales para el posicionamiento; los buscadores las reconocen por su ubicación y por la densidad. Las ubicaciones más destacadas son los títulos, organizados jerárquicamente desde el <h1> hasta el <h6>.

• Hipervínculos

Se puede incluir enlaces a otras páginas web, desde el pequeño botón con una cadena del editor de texto. No olvidar completar el título para que se muestre información sobre ese enlace al posarnos encima. Es muy importante que se use la opción de “Abrir enlace en una nueva ventana/pestaña” si no se quiere echar fuera de la página a los lectores, sobre todo para los enlaces externos a tu web. A su lado puede ver otro icono similar pero con la cadena rota; úsalo para quitar hipervínculos.

Page 80: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS80

• Formato de texto

Como en los demás editores de texto, existen diferentes opciones de alineación de párrafo. El aumento y reducción de la sangría del texto es una herramienta muy útil para organizar el contenido jerárquicamente, sobre todo cuando se trabaja con listas. Se recomienda utilizar las listas para hacer más dinámico y claro el contenido y la lectura del post.

• Imágenes

Con la última versión del CMS, el trabajo con imágenes es mucho más agradable, con un acceso más rápido a las herramientas de rotación y recorte. Ahora es mucho más fácil editar tus imágenes mientras editas entradas. También se pueden escalar imágenes directamente desde el editor y así encontrar el ajuste exacto.

No olvidar el título, “alt” y tamaño de imagen cuando se suba una nueva imagen a la librería de WordPress, completando siguientes los datos: el nombre del archivo (que tiene en el disco duro), el título, la descripción y la leyenda (este texto es probable que aparezca al pie de la foto, así que la mayoría de las veces se prescinde de él).

Con la herramienta “more” se puede mostrar un extracto de los artículos en la home del blog, haciendo esta página más ligera para los navegadores y fomentando que los usuarios naveguen más por el sitio. Es un gran problema tener artículos largos en la página principal sin etiqueta “more”, ya que es probable que no estén ayudando a los lectores en absoluto.

Justo debajo del título del post o página, está el enlace permanente a través del cual será encontrada en los navegadores. Se puede editar la URL que aparezca en la barra de direcciones sólo con pulsar en “editar”. Se debe tratar de usar un texto que ayude a posicionar en los buscadores.

5�2� ORGANIZAR EL CONTENIDO

• Categorías

Las categorías van a definir el conjunto de temáticas del blog. Bien usadas, ayudarán mucho para que los lectores se orienten bien y encuentren rápida y fácilmente el contenido que les interesa. Trata de usar las palabras clave que definen el blog como categorías; esto ayuda también a los buscadores a posicionar tu blog, ya que las categorías generan una URL con su nombre. Procura no crear muchas; deberían ser suficientes 5 o 6. Se pueden crear tanto desde su apartado como desde cada post, en la casilla de “asignar categoría”. Pero todo dependerá del enfoque que se le dé a la web y las necesidades de la persona o empresa.

RECUERDA

En el portal web Youtube encontrarás tutoriales que pueden ayudarte a visualizar todos los pasos

de forma muy ilustrativa.

Page 81: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 81

• Etiquetas

De la misma manera que las categorías definen la temática del blog, las etiquetas se van a referir específicamente a cada post. Dichas etiquetas deberían ser las palabras clave más relevantes del artículo. Se recomienda utilizar 4 o 5 por cada post. Igual que con las categorías, se pueden crear desde su apartado o desde la nueva entrada.

• Medios

En el apartado de medios se encuentran todos los archivos que se suban al blog, ya sean imágenes, PDF, audios, vídeos, etc. Se puede ver qué imágenes se están usando y cuáles no, con lo que la tarea de limpiar periódicamente WordPress se hace más sencilla. Se debe tener cuidado de indicar sólo aquellas imágenes asignadas a páginas o posts.

RECUERDA

Las páginas se usan habitualmente para mostrar contenido estático, son fundamentales para

montar sitios con estructura de página web.

A diferencia del blog, no se actualizan automáticamente cada vez que publicas. Los apartados

“conócenos” o “productos y servicios” que puede tener cualquier empresa son un ejemplo. Su

creación es más o menos similar a la de un post. Es un buen sitio para incluir el formulario de

contacto y algún tuit o vídeo relevante que se quiera promocionar. Las páginas, para que sean

accesibles desde el menú de navegación de la web, tienen que ser asignadas desde el apartado

de menús, en “apariencia”.

Page 82: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS82

5�3� INSERTANDO ELEMENTOS EXTERNOS

Dentro de nuestra tarea de administración de un gestor de contenido, en ocasiones nos vemos obligados a incrustar código para normalmente enlazar y/o mostrar un contenido externo.

Tal como se vio en el apartado de lenguajes de programación, al trabajar con HTML normalmente se encuentran etiquetas que permiten construir cada página. Las etiquetas se componen de dos elementos: uno de apertura <X> y otro de cierre </X>, mas el contenido que se encuentra entre ambos elementos, que es el que absorbe la funcionalidad que trae consigo la etiqueta en cuestión. De esta manera, para añadir una palabra en negrita, se coloca dicha palabra entre una etiqueta de apertura llamada “b” (bold) y otra de cierre (/) de la siguiente forma: <b>negrita</b> y mostrando este resultado: negrita.

• Tuits de Twitter

WordPress lo pone muy fácil para insertar tuits en las entradas. Basta con copiar el link del status del tuit: busca el tuit, haz clic en la fecha y copia la URL de la nueva página donde se muestra ese tuit. Pega ese link en tu entrada, directamente.

• Vídeo de Youtube

Copia y pega el código desde el campo “Compartir > Insertar” de Youtube, el código será parecido a este:

<iframe width=”560” height=”315” src=”//www�youtube�com/embed/l9OtujB-QsY” frameborder=”0” allowfullscreen></iframe>

• SlideShare

Insertarlas es bastante sencillo. De nuevo basta con ir a “share” en la dispositiva y buscar la opción con el icono de WordPress; allí se encuentra el link habitual que se pega en el blog, y la diapositiva se mostrará en el post y será interactiva.

Page 83: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 83

• Shortcodes

Los shortcodes de WordPress son pequeños códigos que se pueden añadir en el editor de WordPress. Se usan para añadir funciones al contenido de las entradas y páginas sin tener que escribir un script cada vez que se necesite hacer esa tarea.

Son como etiquetas HTML que usan corchetes ([ ]) en vez de los símbolos de “mayor y menor qué” (< >). Algo así: [shortcode]

Su mayor virtud es que te ahorran mucho tiempo en labores habitualmente repetitivas, y solo por eso merece la pena utilizarlos. Al fin y al cabo son como atajos.

Hay muchos temas actuales que llevan shortcodes incluidos, como todos los de Elegant Themes o de WooThemes, En otras ocasiones, se pueden instalar plugins que tendrán vinculados este tipo de atajos para ejecutarlos o mostrarlos.

5�4� GESTIONANDO COMENTARIOS

En este apartado se podrán ver y moderar todos los comentarios que reciban los artículos del blog. Desde aquí se pueden aprobar si están pendientes de moderación, rechazarlos, editarlos (por ejemplo para corregir faltas de ortografía) o borrarlos. Se puede responder a los comentarios directamente desde esta ventana, sin tener que ir al post en concreto.

La correcta gestión de estos comentarios, unida a una cómoda moderación, serán parte primordial para convertir simples comentarios en el vehículo ideal para “curar” o canalizar tus post hacia las redes sociales, a la par que estarás fomentando la participación de los usuarios que te visitan regularmente, permitiendo que expresen sus opiniones sobre los temas que trates.

• Trackbacks y pingbacks

Los trackbacks son algo así como las menciones de Twitter; si se nombra algún blog o web, se envía un trackback para que se les notifique. Por otro lado, el pingback hace referencia al caso inverso; es una notificación en forma de comentario para avisar de que el artículo ha sido enlazado desde otra página web, y se podrá aprobar para que aparezca el enlace como comentario, editar o borrar.

RECUERDA

Internet es un espacio democrático en el que todos los usuarios pueden mostrar su opinión

libremente. Gestionar comentarios no debe ser equivalente a censurar la opinión, siempre que

ésta no esté fuera de los límites del respeto.

Page 84: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS84

5�5� NORMAS BÁSICAS DE ESCRITURA PARA WEB

Los usuarios de la web rara vez leen detenidamente los textos; en su lugar, escanean la página eligiendo palabras o frases separadas. Jakob Nielsen nos explica que para escribir efectivamente en la web, debemos hacer nuestros textos escaneables(Información extraída de http://postperiodistas.com/2013/04/escribiendo-para-la-web/).

¿CÓMO LOGRAR QUE UN TEXTO SEA ESCANEABLE?

• Resaltar palabras utilizando negritas, cambios de color o tamaño.

• Utilizar listas con viñetas con las ideas principales.

• Incluir subtítulos significativos.

• Reducir al 50% el texto que habitualmente se usaría.

• Desarrollar una idea por párrafo.

Por otra parte, al escribir, se debe adaptar el texto a cada nivel de interés del usuario: la satisfacción de los visitantes es la prioridad. Existen distintos tipos de usuarios según su interés: los que tienen interés cero, medio y alto.

Para los usuarios con interés cero debemos:

• Escribir títulos claros e informativos.

• Usar descripciones y palabras clave asertivas para los buscadores.

Usuarios con interés medio:

• Hacer un resumen de una sola frase (debe ser la primera frase del texto).

• Hacer un resumen de un párrafo (debe ampliar la idea que planteamos en el título).

• Resaltar los puntos principales del texto usando subtítulos. Resaltar puntos secundarios utilizando listas o palabras en negrita.

Usuarios con interés alto:

• Utilizar un estilo de redacción más personal e informal.

• Incluir enlaces complementarios a las fuentes utilizadas o a otros artículos de interés (internos o externos).

Page 85: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 85

5�6� CÓMO HACER TU CONTENIDO INTERESANTE

Título:

Máximo 70 caracteres, no olvides incluir palabras claves.

Imagen de cabecera:

No es obligatorio, es más bien opcional, pero si la imagen es buena aportará valor a tu post.

Contenido del post:

• Buscar siempre las mejores ideas para escribir en el blog. Por ejemplo, plantear la solución a un problema.

• Agregar enlaces a páginas externas e internas siempre que se pueda y sin abusar de la técnica.

• Agregar más valor al post agregando casos de éxitos u otros datos que pueden interesar al lector.

• Para que tu post sea más efectivo, se toman en cuenta los siguientes consejos:

• Agregar subtítulos para una mejor estructura.

• Insertar imágenes cada 3 párrafos.

• Incluir llamadas a la acción.

• Incluir palabras claves.

Estructura del post:

• Introducción: de qué se va a hablar en el post. Básicamente cuál es el problema y cuál es la solución que plantearás.

UN EJEMPLO

Si buscamos en Internet alguna página de soporte técnico para cámaras digitales, posiblemente

se haya escrito para usuarios con interés alto, ya que demandan soluciones muy específicas.

Page 86: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS86

• Estructura el contenido del post en varios subtítulos. Lo más fácil es hacer preguntas y responderlas. Por ejemplo: ¿Por qué? ¿Cómo? ¿Cuándo? y ¿Dónde?

• Conclusiones: cuál es la opinión con respecto al tema. Se puede terminar con alguna pregunta que incentive comentarios en el post.

• Referencias: aquí es donde se pueden agregar las fuentes de información y los créditos de imágenes.

• Llamadas a la acción como un cajetín para que se suscriban al newsletter o algún banner promocional.

RESUMEN

Hasta este momento se ha visto cómo configurar WordPress y adaptarlo a nuestras necesidades, pero en esta unidad se empieza a dar vida al blog publicando nuevos contenidos.

Esta es la fase en la que por fin se empieza a aportar contenido al blog, para hacerlo único y que de verdad valga la pena haberlo creado, no sólo para el propietario, sino también para los visitantes.

En esta unidad se aportan pautas para generar contenido que de verdad merezca la pena publicar, original y a ser posible que ayude a las personas que lo visiten.

Este paso es el más importante y el que se repetirá más veces durante la vida del blog, ya que se trata de nutrirlo con contenido.

Page 87: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Posicionamiento y monitorización

Unidad 6

Page 88: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 89: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

89CREACIÓN DE BLOGS Y WEBS CON WORDPRESS

UNIDAD 6� POSICIONAMIENTO Y MONITORIZACIÓN

Uno de los mayores temores de un blogger, webmaster, administrador, etc., es que durante una ausencia o vacaciones el sitio aparezca offline y pasen horas o días hasta que el servidor de nuestra web finalmente se reestablezca.

Precisamente, para evitar estas situaciones existen técnicas y herramientas que permiten saber en todo momento en qué estado se encuentra la web. Para este tipo de situaciones se recurre a los servicios de monitorización externa; unas herramientas de gran utilidad que se encargan de verificar cada cierto tiempo que la web sigue activa y que, por tanto, no se ha caído el servicio. Quizás no sea la forma más exacta de medir la disponibilidad de un servicio pero, sin duda alguna, puede ayudar mucho a la hora de detectar problemas o saber que ha ocurrido una incidencia.

Por otro lado, es importante saber cuántos usuarios entran en la web, o de los que acceden saber qué han visto, cuántos productos de la tienda o a qué hora se conectaron, etc. Todos estos datos son muy valiosos, ya que con ellos y su análisis se puede ofrecer a cada uno de ellos lo que realmente le interesa y ajustado a sus necesidades.

6�1� ¿QUÉ ES EL POSICIONAMIENTO SEO?

Las principales ventajas del posicionamiento SEO son:

• Alta rentabilidad a largo plazo. Una vez que ya se ha posicionado correctamente, un mantenimiento y optimización de forma constante será suficiente para mantener la web en las primeras posiciones, aunque no hay que confiarse ni conformarse, ya que en SEO siempre se pueden mejorar posiciones. La cuestión es aumentar mes a mes el número de visitas alcanzadas gracias al SEO.

• Influyen los contenidos de la web, su actualización y su estructura. Actualmente, el factor más importante que ayuda a posicionar una web es el contenido

• Atrae tráfico cualificado. Si se posiciona la web por las palabras claves que definen el producto o servicio, el tráfico que se logre será de calidad. La web responderá a la búsqueda de los usuarios, y por tanto, se verán cumplidas las expectativas.

• La inversión es estable e independiente al número de visitas. El posicionamiento SEO no es gratis. Su coste son los honorarios del profesional SEO: el coste de sus horas de trabajo y de su conocimiento y experiencia.

DEFINICIÓN

Es la estrategia de marketing digital cuyo objetivo es la atracción de tráfico de calidad a través

de la visibilidad en buscadores como Google, Yahoo! o Bing. Esto se consigue mediante la

optimización on page y off page de la página.

Page 90: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS90

• Al principio, el coste por visita del posicionamiento SEO puede ser mayor que el del SEM, pero poco a poco, en función de cómo se vaya posicionando, este coste irá disminuyendo, siendo más rentable que el SEM.

• Los usuarios hacen más fácilmente clic en los resultados orgánicos que en los patrocinados.

Constituyen desventajas del posicionamiento SEO:

• Resultados a medio o largo plazo. No se ven resultados de inmediato, hay que tener paciencia.

• Sólo es posible posicionar un reducido número de palabras claves. Es conveniente posicionarse correctamente por un número reducido de palabras y que realmente respondan a la web y el servicio.

• Google elige la landing page. Aquí no se puede decidir qué página se quiere posicionar; lo decide Google. Lo único que se puede hacer es solicitar que se elimine una página que haya posicionado y no interese.

• No se puede determinar el mensaje. A diferencia de las campañas de SEM, lo que aparece en los resultados de búsqueda es único. No se pueden crear distintas versiones. En la mayoría de los casos será el título y la descripción de la página posicionada.

• No se pueden predecir ni garantizar resultados. Si un SEO es honesto, no garantizará nunca estar en la primera posición, pero sí que trabajará en todo lo posible para lograr los mejores resultados.

• No es posible segmentar. En el posicionamiento SEO no se puede segmentar por ubicación ni perfiles demográficos. De momento, los resultados de búsqueda orgánica son igual para todos.

6�2� ¿QUÉ ES EL POSICIONAMIENTO SEM?

A la hora de incluir en el plan de marketing digital una estrategia de posicionamiento SEO, SEM o ambas, hay que ver qué ofrecen en función de los objetivos marcados. Por ejemplo, si el objetivo es lograr registros a una landing page en un periodo determinado (una campaña), se debe optar sí o sí por el posicionamiento SEM. Sin embargo, si se quiere posicionar en buscadores los servicios de una empresa, lo más rentable es realizar una estrategia de posicionamiento SEO, que también se puede apoyar los primeros meses con una campaña de posicionamiento SEM, dado que los resultados del SEO no son inmediatos.

Las principales ventajas del posicionamiento SEM son:

• Se puede posicionar tantas palabras claves como se quiera� No obstante, es conveniente que las palabras claves respondan lo mejor posible a lo que realmente se ofrece, para que las visitas sean rentables. También es muy importante en una campaña de Google Adwords incluir palabras negativas, aquellas que no definen la web ni por las que queremos que se encuentre.

• Rentabilidad a corto plazo. Si la campaña está bien planificada y periódicamente se optimiza, se obtendrán resultados desde el primer momento.

Page 91: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 91

• Se puede determinar a qué landing page dirigir el tráfico. Dependiendo de hacia qué página de la web se quiera dirigir el tráfico, se pueden crear campañas específicas. Por ejemplo, si es un e-commerce, se creará una campaña para cada producto dirigida a su ficha o su categoría.

• Se elige el mensaje y la creatividad. Eligiendo el mensaje que aparezca en los buscadores y creando distintas versiones. En función de qué creatividad o mensaje funciona mejor, se optimizará la campaña.

• No influyen ni los contenidos de la web ni su estructura�

• Es posible estimar resultados antes de empezar. En función de la inversión y el coste por clic de cada palabra clave de la campaña, se puede pronosticar los resultados o visitas que se alcanzarán.

• Posibilidad de segmentar. A diferencia del SEO, es posible hacer campañas que sólo aparezcan en los resultados de búsqueda del público objetivo: por ejemplo, mujeres de entre 30 a 45 años de Madrid.

Por otra parte, son desventajas del posicionamiento SEM:

• Las visitas van en función de la inversión. Tanto invertimos, tantas visitas obtenemos. El coste por visita varía en función de lo bien optimizada que esté la campaña, pero los resultados siempre vendrán determinados por la inversión.

• En el momento en que no se invierte, se desaparece de Google. Así de simple. Y nada de creer que si se invierte en Google Adwords, Google posicionará mejor en SEO.

• Honorarios del SEM + Inversión. Hay mucha gente que dispone un cupón con 75€ de Google Adwords y planifica su campaña. A los pocos días descubre que no ha obtenido ningún resultado y por tanto, concluye que Google Adwords no sirve más que para perder dinero. Si se quiere evitar esto, lo mejor es confiar la planificación en un profesional de posicionamiento SEM. Él sabe cómo rentabilizar el dinero. Por tanto, el gasto de una campaña SEM implica tanto la inversión publicitaria como los honorarios del profesional SEM.

6�3� FACTORES DE POSICIONAMIENTO WEB

Para presentarlo de forma sencilla, el algoritmo de Google está basado en la autoridad y relevancia. La relevancia depende en su mayor parte de factores internos de la web: su contenido (texto e imágenes), cómo está programada, el tiempo de carga, etc. Sin embargo, la autoridad se basa mayoritariamente en factores externos, en gran parte los enlaces de otras páginas hacia esa web.

DEFINICIÓN

La relevancia de una web significa cómo de bien responde una web a la pregunta que formula

un usuario a un buscador.

Page 92: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS92

Para Google, la web funciona como una democracia en la que las webs se votan unas a otras. En este caso, los votos son los enlaces entre unas y otras. Cuanto más importante es una página, más importante es ese voto. Es por ello que las páginas con más enlaces hacia ellas tienen una mayor autoridad, y dos páginas que hablen de temas similares competirán por el número de links que apuntan a cada una.

El valor de un enlace viene determinado, entre otros, por los siguientes factores:

• Autoridad de la web que enlaza: Si enlaza una web con una gran autoridad, como una universidad o una agencia gubernamental, dará una gran autoridad. Si enlaza una página con muy poca autoridad o que está en la lista negra de Google, puede llegar a ser perjudicial y disminuir la autoridad.

• Número de links en la página: Si la página que enlaza solo tiene un link que va a la web, está dando el 100% de la autoridad que puede transmitir. En SEO se llama a esto link juice -zumo de links-, como si fuese un zumo -autoridad- que se transmite mediante pajitas -links-. Por el contrario, si la página tiene 10 enlaces a 10 dominios diferentes, solo está dándoles un 10% de su link juice a cada una.

• Anchor text: El anchor text es el texto del enlace, y aporta información a Google de qué trata la web. Por ejemplo, si muchas páginas te enlazan con el anchor text “turismo en Madrid”, es más fácil que Google te posicione por ese término que si te enlazasen con un texto genérico. Ojo, muchos SEO abusaron de esta técnica, por lo que conviene no abusar de ello. Google actualizó su algoritmo para ver patrones de links poco naturales y penalizar a las páginas sospechosas; esto incluye el anchor text.

¿QUÉ ENTIENDE GOOGLE DE MI WEB?

Cuando un robot de Google visita una web, no está viendo lo mismo que ve cualquier usuario: él ve casi únicamente el código HTML de la página. ¿Es una web preciosa y útil llena de fotos? Google no sabrá de qué trata salvo por las etiquetas HTML que incluyas a las fotos. Si no hay texto que Google pueda reconocer, es muy difícil que esa página sea relevante, ya que Google será incapaz de saber de qué trata esa web y si aporta más o menos valor que aquellas con las que compite.

¿SABÍAS QUE…?

El ya mencionado link juice, técnicamente es conocido como PageRank. Existen otros factores

también que determinan el valor de un enlace: año del domino, tráfico, categorías del sitio,

alcance del enlace, etc.

Page 93: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 93

6�4� MONITORIZACIÓN

Según TerritorioCreativo.com, toda organización que disponga de un modelo de presencia en la red, tarde o temprano, llegará a la conclusión de que precisa conocer la percepción que genera su presencia, la de sus productos y los equivalentes de sus competidores. Adicionalmente, se debe plantear que las conversaciones en red son un gigantesco laboratorio para detectar patrones de conducta de consumidores y opinantes. Incluso si se trata de negocios donde el empleo de redes sociales convencionales es poco útil o difícilmente vinculable a objetivos de negocio, las oportunidades que se derivan de procesar y analizar las conversaciones del mundo digital son excepcionales.

A pesar de la cantidad de datos que Google Analytics representa en forma de métricas, esta no es una herramienta para matemáticos o programadores. Es una herramienta de negocio, para marketers y, sin duda, es una de las herramientas imprescindibles para el Community Manager. Todos los valores que contienen los informes de Google Analytics debes utilizarlos para tomar las mejores decisiones para tu negocio.

PRIMEROS PASOS EN GOOGLE ANALYTICS

Lo primero va a ser crear una cuenta y configurarla para la página web. Al crear cada nueva cuenta, se obtiene la matrícula (ID) de seguimiento. Después de insertar este código en la web, Google Analytics empieza a analizar desde el minuto cero

Es necesario conocer todas las funciones básicas para bucear entre todos los datos. El cuadro de mandos es sencillo una vez que se acostumbre a cambiar las fechas, los tipos de gráficos y las distintas variables.

1. Rango de fechas� El análisis de los diferentes valores con los que se mide el rendimiento de la web estará referido a un periodo. Por eso es fundamental ajustar el rango de fechas acotando el intervalo. El impacto de las campañas, la evolución de tráfico o del cumplimiento de objetivos es fundamental circunscribirlos a un tiempo determinado.

DEFINICIÓN

La monitorización constituye un mecanismo capaz de contribuir poderosamente a diferenciar

productos y firmas de los competidores. Podríamos definirlo como “el proceso de escucha,

análisis, cuantificación y cualificación de la información contenida en los medios digitales”, con

fines tan amplios como determinar las percepciones de marcas, productos, empresas (incluidos

sus directivos) e introducirlos en la mejora y redefinición de procesos de nuestra organización.

Es decir, estamos ante una herramienta que mejora y amplifica las técnicas tradicionales de

investigación comercial, tanto cualitativas como cuantitativas.

DEFINICIÓN

Según Wikipedia, Google Analytics es un servicio gratuito de estadísticas de sitios web por

parte del buscador Google. Ofrece información agrupada según los intereses de tres tipos

distintos de personas involucradas en el funcionamiento de una página: ejecutivos, técnicos

de marketing y webmasters.

Page 94: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS94

2. Comparar fechas� Dentro de la función rango de fechas, Google Analytics permite realizar comparaciones de resultados con periodos anteriores. Así puedes comparar los gráficos superpuestos de distintos meses o semanas.

3. Intervalo de tiempo de los informes. Los gráficos de evolución de visitas se pueden ver por horas, días, semanas o meses. Esta función es realmente útil para los distintos tipos de seguimiento que se pongan en marcha. Si se ven los datos de todo un año, será interesante poner el intervalo por semanas o por meses, para comparar unos con otros. La vista por días es la que viene por defecto y la que interesa si sólo se miran los datos de un mes.

4. Tipos de gráficos. Los informes de Google Analytics poseen distintos recursos de representaciones gráficas para reflejar los valores de las tablas (barras, geomapas, etc.). Esto es muy útil para ver, por ejemplo, la proporción en vez de los números totales. A la derecha y debajo de los gráficos se puede variar siempre lo que muestra.

5. Métricas frente a frente. Es la parte contable de los valores que ofrece Google Analytics. Generalmente, en los gráficos representa una sola métrica, pero puede enfrentarla con otra y tener los dos gráficos superpuestos. Sirve para estudiar la relación y correlación de unos datos y otros.

6. Dimensiones primarias y secundarias. A cada dimensión se le puede asignar una o varias métricas. Se puede distinguir entre dimensión principal y secundaria. Por ejemplo, si se miden las visitas que se reciben en la web gracias a Google, se puede añadir la dimensión “ciudad” para centrar el análisis geográficamente. En los informes se ven muchos resultados que siempre van a ofrecer datos para las mismas métricas. Así se pueden comparar unos y otros en los siguientes aspectos.

7. Visitas� La principal medida que aporta la analítica web es la visita. Cada vez que una persona hace clic en la página y navega por ella, se genera una visita. Es la base del análisis. Es a partir de la visita de donde se va extrayendo toda la información imprescindible del rendimiento de la estrategia 2.0. Se buscan visitas, muchas visitas, pero de calidad.

8. Visitantes únicos� Este concepto da la idea del número aproximado de personas diferentes que acceden a la página. Un solo visitante interactúa con la web y puede generar varias páginas vistas y varias visitas en diferentes momentos.

9. Páginas vistas� Es el número de veces que una determinada página se ha abierto. Siempre será mayor que el número de visitas y de visitantes únicos. Este será el dato que interesa para medir el número de impresiones de un determinado anuncio o contenido.

10. Promedio de páginas por visita� Es el número y media de páginas del sitio web por el que han navegado los usuarios durante cada visita. Estos datos dan la idea de lo apetecible que es la web para navegar por ella. Lo mucho que interesan los contenidos que se comparten y la relevancia de la marca para los usuarios que la tienen como referencia.

11. Promedio de tiempo en la página. Es el tiempo de estancia medio de los visitantes en una determinada página. Con esta métrica se puede medir cuánto duran los visitantes dependiendo del contenido, de qué fuente de tráfico vienen o de qué ciudad, por ejemplo. El tiempo de estancia medio es uno de los factores que más valora Google para determinar si un artículo es interesante o no.

Page 95: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS 95

12. Porcentaje de rebote. Este dato indica la proporción de visitantes que han entrado a la web y se han salido de la misma sin visitar ninguna página adicional del sitio. Es un valor fundamental en el análisis del comportamiento del público. Da la clave del interés que generan los contenidos o el diseño y usabilidad de la página. Al proporcionar una buena experiencia de navegación al usuario y compartir contenidos geniales, se obtienen porcentajes de rebote más bajos.

Esta métrica no tendrá los mismos valores en todas las páginas de la web, así como dependiendo de si es una e-commerce, página de marca o blog. Por ejemplo, el porcentaje de rebote de la home será menor que el de un artículo de blog en el que el usuario probablemente se haya dado por satisfecho con el contenido del mismo al encontrar la información valiosa que buscaba. Para obtener datos realmente interesantes sobre el porcentaje de rebote, se debe poner en relación con el contenido del sitio y así sacar una buena radiografía de lo que despierta interés o no.

13. Visitantes recurrentes. Métrica que da información sobre la parte del público que accede a la web al menos por segunda vez. Se contrapone con la métrica de nuevos visitantes. Al principio, una web tendrá casi todos los visitantes nuevos, y con el tiempo y buen trabajo tiene que ir subiendo los valores de visitantes recurrentes. Así, se pueden dar también resultados a medio y largo plazo, ya que esos visitantes no dependen tanto de los esfuerzos en redes sociales y buscadores.

14. Datos geográficos y de idioma� Permite segmentar a la audiencia, saber desde qué países visitan, el idioma de los lectores o aproximaciones sobre la edad o sexo. Datos increíbles que nos darán las claves para orientar los contenidos, diseño de páginas, horas de publicación, etc.

15. Tecnología� Este apartado proporciona toda la información sobre los sistemas operativos, navegadores y tipos de dispositivos (PC, móvil o tableta) que utilizan los visitantes para acceder a la web. Estos datos nos serán de gran ayuda para adaptar el diseño de la página, para que navegar por ella sea accesible desde cualquiera de estos medios tecnológicos y no se pierda ni una sola visita por no tener un sitio web con criterios de diseño responsive o adaptable.

16. Canales. Son las fuentes de tráfico a través de las cuales se reciben las visitas que acceden al sitio web. Desde la pestaña de canales en el menú de adquisición de Google Analytics se encuentran los informes de las fuentes y medios de visitantes. En el menú de navegación del informe se pueden ir ajustando las vistas para obtener todos los datos relativos al tráfico recibido. Los canales son:

• Búsqueda orgánica: Son las visitas que acceden a la web a través de los buscadores: Google, Yahoo, Bing, etc.

• Tráfico directo: Son las visitas que llegan al introducir la URL de la web en el navegador.

• Social: Es el tráfico que recibimos en la web a través de las redes sociales.

• Tráfico referido: Cuáles de las visitas se reciben gracias a los medios que están enlazando el contenido.

17. Palabras clave� Aquí se diferencian las keywords de pago y las orgánicas. Son las palabras clave introducidas en los motores de búsqueda a través de las cuales los visitantes han accedido a la web. Las de pago estarán

Page 96: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

CREACIÓN DE BLOGS Y WEBS CON WORDPRESS96

habilitadas cuando se haya enlazado la cuenta con la de Google Adwords; las provenientes de las búsquedas orgánicas sí estarán disponibles, si bien, cada vez hay un mayor número de palabras clasificadas como not set. Para este conjunto de palabras se dispone de la herramienta también de Google Webmaster Tools.

18. Optimización en buscadores. Para activar este apartado, se debe vincular Google Analytics con Google Webmaster Tools. Ofrece la información de los resultados de Google para todas las búsquedas en las que sale la web: el número de impresiones de las páginas, el número de clics recibidos, nuestro posicionamiento medio y el CTR (el porcentaje de clics). Gracias a esta herramienta ya no hay que preocuparse de las palabras “Not provided” del informe de palabras clave en buscadores.

RESUMEN

SEO es la estrategia de marketing digital cuyo objetivo es la atracción de tráfico de calidad a través de la visibilidad en buscadores como Google, Yahoo! o Bing. Esto se consigue mediante la optimización on page y off page de la página.

SEM es la estrategia de marketing digital que incluye las herramientas que basan su modelo de negocio en el coste por clic a la plataforma publicitaria que ha realizado un usuario sobre un anuncio. La plataforma más popular es Google Adwords.

Hay que tener en cuenta los factores de posicionamiento web: la autoridad y relevancia como factores globales de posicionamiento web.

La monitorización constituye un mecanismo capaz de contribuir poderosamente a diferenciar productos y firmas de los competidores. Podríamos definirlo como “el proceso de escucha, análisis, cuantificación y cualificación de la información contenida en los medios digitales”, con fines tan amplios como determinar las percepciones de marcas, productos, empresas (incluidos sus directivos) e introducirlos en la mejora y redefinición de procesos de nuestra organización. Es decir, estamos ante una herramienta que mejora y amplifica las técnicas tradicionales de investigación comercial, tanto cualitativas como cuantitativas.

SABER MÁS

Además de las 18 funciones básicas mencionadas anteriormente, existen otras como, por

ejemplo, la duración media de las visitas, la frecuencia media de las visitas, la velocidad de

sitio (tiempo de carga), etc.

Page 97: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5
Page 98: Manual del curso Creación de blogs y webs con WordPress · CREACIÓN DE BLOGS Y WEBS CON WORDPRESS ÍNDICE Introducción 5

Sigue la actualidad enwww.andaluciacompromisodigital.org

@AndaluciaComDig AndaluciaCompromisoDigital

Contacta con nosotros

902 12 12 30andalucia�compromisodigital@juntadeandalucia�es

Centros de Andalucía Compromiso DigitalAlmería: Calle la Reina, 26 • CP. 04002 • Tfno. 950 03 75 64

Cádiz: Plaza San Severiano, nº 1 Edificio Botánico (Local bajo) • CP. 11007 • Tfno. 856 10 40 12

Córdoba: Calle Isla Gomera nº 3 • CP. 14011 • Tfno. 957 10 93 54

Granada: Calle Granados Nº 4 Bajo • CP. 18004 • Tfno. 858 10 50 67

Huelva: Calle Vázquez Limón nº 9 • CP. 21002 • Tfno. 951 21 41 11

Jaén: Avenida de Madrid, nº 64 • CP: 23009 • Tfno. 953 03 46 21

Málaga: Plaza San Francisco, nº 1 • CP. 29008 • Tfno. 951 70 90 50

Sevilla: Calle Amor de Dios 31, Pasaje Esperanza Elena Caro, Portal 2, 3ª planta • CP. 41002 • Tfno. 955 09 36 02