05 - Sesión Clase - WordPress. Instalación, Gestión de Usuarios
05 - Sesión Clase - WordPress. Instalación, Gestión de Usuarios
05 - Sesión Clase - WordPress. Instalación, Gestión de Usuarios
Teoría
Práctica
NEGOCIOS DIGITALES
• WordPress. Instalación,
Gestión de usuarios.
¿Qué es WordPress?
comerciales
Objetivo
1. ¿Para qué queremos la web?
2. ¿Qué secciones/páginas tendrá tu web?
3. ¿Cuántos idiomas?
4. ¿Qué funciones necesitaré?
Respuesta a los objetivos
Dominio
Hacer SEO
1. Palabras Clave en Dominio
www.freelanceweb.com
2. Nombre de Marca (Branding)
www.tunombredemarca.com
3. Localidad
www.agenciawebbarona.com
Los 5 mejores Hosting
Instalar
WordPress en
AwardSpace
Requisito:
Tener un correo electrónico
en Gmail o Hotmail
https://www.awardspace.com
Se tiene 3 condiciones de ingreso:
Mediante Facebook, Google (correo
electrónico gmail.com) o registrándose
directamente en los espacios.
escritorio
Realizando algunos ajustes
• Gracias a los comentarios los visitantes de tu sitio web pueden dar su opinión sobre los
contenidos que consumen.
• Mediante estos pueden añadir aportaciones sobre el tema tratado en el post, hacer
preguntas, y proporcionar retroalimentación dando opción a la interacción de la
comunidad en torno a los contenidos.
• WordPress dispone de forma nativa de un sistema de gestión de comentarios propio que pueden mostrarse
en páginas y entradas (post).
• Todos los temas de WordPress están diseñados para gestionar comentarios, sin embargo, es cosa tuya el
saber atraer a los usuarios que visitan tu sitio y animarles a dejarlos.
• Los comentarios realizados por medio del sistema nativo de WordPress se muestran en la página de
comentarios en el área de administración de WordPress (dashboard).
• Por defecto se muestran todos los comentarios si previamente no has establecidos filtros de moderación.
• Si pasas el puntero del ratón sobre un comentario se muestran los vínculos de acción para el comentario.
• También es posible ver que comentarios están a la espera de ser aprobados ya que se muestran resaltados
con un fondo de color amarillo claro, pudiendo cambiar la vista a Pendiente, Aprobado, Spam o enviarlos a
la Papelera si no proceden.
• Con la moderación de comentarios puedes prevenir el uso abusivo por parte de usuarios malintencionados,
o que se publique SPAM en tu página web usando el formulario.
• En el uso de la moderación de comentarios es útil implementar una protección adicional contra el spam
mediante el plugin Akismet, como forma de reducir significativamente las posibilidades de que cualquier
comentario de spam consiga ser publicado.
4. Conoce la Biblioteca de Medios
Es el gran almacén donde se guardan todos los archivos multimedia que utilizas en tu sitio web.
Desde Medios puedes gestionar archivos de imágenes, audio, vídeo, PDF’s, mp3, etc., y utilizarlos
en Entradas y Páginas desde las funcionalidades nativas de WordPress.
Para que WordPress no interprete las imágenes que subes y genere tamaños adicionales con cada
imagen nueva, debes configurar en Ajustes, Medios los tamaños por defecto a cero.
5. Widgets ¿que son y cómo usarlos?
CMS, ya sea desde el propio núcleo, por alguna función, filtro o acción, o
El uso de widgets permite mostrar contenidos en el Tema instalado, en áreas que se hayan diseñado para
contenerlos, sin necesidad de modificar código ni tener que saber programación.
Por regla general los widgets se muestran en la mayoría de temas en el área lateral derecho o izquierdo,
dependiendo del diseño del layout, y adicionalmente en el pie de página o footer, aunque muchos temas ya
incluyen contenidos en widgets que pueden personalizarse desde un framework o un builder (constructor).
En los widgets se puede incluir desde un menú, hasta código procedente de un script de “El Tiempo”, imágenes,
banners, players de audio y un sinfín de contenidos altamente personalizables.
6. SEO on-page fundamental para posicionar
El SEO on-page, es muy necesario para que todos los elementos relacionados con
contenidos que generas en tu web cumplan los requisitos establecidos por los
buscadores.
Para cualquier proyecto que utilice WordPress como gestor de contenidos, cuestiones
como el SEO on-page y la usabilidad tienen que estar a la par de los contenidos, sin
olvidar que a Google estos aspectos le importan y mucho.
Redactar Entradas (post) sin pensar en el SEO “es como ponerse un traje o vestido
hilvanado, tarde o temprano se empezará a descoser”, y después le pasará factura a tu
web, y la carga de trabajo para corregirlo posteriormente va a ser mayor que si
construyes los contenidos pensando en posicionarlos mejor.
Algunos puntos a tener en cuenta para mejorar el SEO on-page:
• Únicamente el título debe estar dentro en una etiqueta H1 (asegúrate de cualquier cabecera o subcabecera
utiliza H2, H3, H4).
• Usa la palabra clave (keyword) en la URL “si es posible”, pero por encima de todo, que la URL sea
amigable para las personas (no pienses solo en los bots de indexado).
• El Título de tu post debe contener la palabra clave, cuanto más a la izquierda mejor, pero con sentido.
• Evita que el Título supere los 60 caracteres para que en el proceso de indexado no se trunquen, rompiendo
el sentido al título.
• La meta descripción está pensada para informar al lector de porque leer tu post, ¡úsala inteligentemente!
y no mayor de 250 caracteres.
• Si tu página o post tiene un asunto específico, comprueba que la palabra clave se utiliza al menos una vez
en las primeras 75 a 100 palabras.
• No escribas para los buscadores, escribe para los lectores.
• Usa sinónimos para no ser repetitivo en el uso de palabras clave, a Google tampoco le gusta. Evita
el keyword stuffing.
• Las urls de tu sitio web que sean amigables. Ajústalas en “Enlaces Permanentes”.
• Añade una meta descripción apropiada a cada página y post que difiera de la descripción global del sitio
web.
• Intenta que el primer enlace sea a un contenido de tu sitio para darle mayor fuerza.
• Añade enlaces salientes a fuentes o referencias pertinentes (enlaces a sitios con autoridad).
• Utiliza siempre imágenes optimizadas. El plugin optimizador.io hace esta tarea por ti y ¡GRATIS!.
• Utiliza negrita y cursiva para enfatizar textos, los motores de búsqueda entienden este marcado como
más importante.
• Que tus imágenes contengan siempre información en las etiquetas alt y title.
• El title de la imagen no tiene que ser el título de la página. No te repitas por comodidad.
• No te compliques mucho con el Rich Snippet (autor), Google tampoco se preocupa.
• No uses contenidos publicados en otros sitios web. Google no es tonto y te penalizará, además de ser
poco ético.
• Si usas contenidos de otros autores, declara su autoría, ellos te lo agradecerán y serás más honesto.
• La fecha de publicación muéstrala, a Google le importa (otros te dirán que la ocultes).
• La optimización semántica es compleja ¡contrata profesionales que te ayuden!, estarás más
tranquil@.
• No confundas la maquetación con la optimización, separa conceptos.
• Evita el contenido duplicado, dirige tus dominios de forma correcta.
• Sin un sitemap estás perdida ¿quien te va a encontrar?, los ‘bots’ de indexado desde luego
que no.
• PageSpeed no es “la Biblia”, es solo un indicador que te ayuda a ver el problema.
Utilízalo con moderación, no te obsesiones.
• Donde tú no llegues con el SEO on-page siempre habrá un profesional que pueda llegar
por ti.
• Dedica tiempo a elaborar contenidos que le gusten a tus lectores ¡y también a los
buscadores! si quieres aparecer más.
Estás métricas se obtienen gracias a la optimización SEO que los propietarios de sitios
web realizan para que los motores de búsqueda indexen los contenidos en base a unas
directrices que luego ayuden a obtener valores que son representados gráficamente en
Google Analytics.
Con Analytics podemos conocer las fuentes del tráfico que recibimos en el sitio web,
países desde los que nos visitan, dispositivos con los que acceden a nuestra web y una
gran cantidad de otros datos que bien aprovechados ayudan a construir verdaderas
estrategias de marketing para convertir.
Algunos valores que obtienes con GA son:
• Cantidad de usuarios que visitan tu sitio (hora, día, semana o mes).
• Cantidad de visitas únicas recibidas.
• Cantidad de sesiones con rango de fechas.
• Cantidad promedio de páginas vistas por usuarios únicos.
• Porcentaje de abandonos (usuarios que ha abandonado tu sitio desde la página principal
sin interactuar).
• Tiempo medio de permanencia en el sitio.
• Nuevos usuarios que te visitan.
• Países desde los que visitan el sitio web.
• Navegador y otras tecnologías usadas para visitar tu web.
Por citar algunos, peor la lista podría ser muchísimo mayor y con datos estadísticos muy
interesantes para trazar estrategias.
En WordPress puedes utilizar un plugin para insertar el código de seguimiento de Google
Analytics de forma que te sea posible hacer el seguimiento desde tu cuenta de Google. Haz clic en la
imagen para descargar el plugin
Aunque lo recomendado es configurar el código UA-XXXXXX (el que tengas asignado en Google
Analytics) en el plugin SEO Yoast si lo tienes instalado en tu WordPress.
Controlar visitas, y otros datos estadísticos de tu web con herramientas externas como Google
Analytics, no solo contribuyen a aligerar tu instalación web, además te ofrecen mayor cantidad de
datos que los que puedas obtener con herramientas de tu Panel de Hosting como Webalizer, etc.
Menús • Aprende a crear y configurar Menús
Los menús son parte esencial de un sitio web, entre otras razones porque permiten a los
usuarios o visitantes navegar por la estructura visible de la web de manera jerárquica y
específica.
Son parte fundamental de la página para direccionar a los visitantes hacia los contenidos,
pudiendo mostrar información de primer nivel, segundo u otros niveles de profundidad en la
web, dependiendo de la estructura del sitio.
Los menús de primer nivel son de lo más habituales en cualquier sitio web que a diario
visites, donde empiezas con un “Inicio” y acabas posiblemente con un “Contacto” y
dependiendo del tema que use el sitio web, son menús que se despliegan en horizontal y en
dispositivos móviles se convierten en el clásico menú
Ni que decir tiene que un menú debe contener el acceso a todos aquellos apartados de primer
nivel de tu sitio web, y que habitualmente se emplazan en el Menú Principal y los apartados
de segundo y tercer nivel debería mostrarse o bien en desplegables del menú principal o como
menús de segundo nivel, o contextuales, de la zona de la web donde se requiera.
Luego están aquellos elementos de menús que deberían estar más o menos visibles y
accesibles durante toda la navegación y que habitualmente se emplazan en el pie de la página
o “footer” y que suelen contener accesos a las políticas del sitio, de cookies, aspectos legales,
etc.
WordPress desde versiones ya pasadas ha ido progresivamente mejorando la gestión de los
menús y entre otras funcionalidades añadió en determinado momento la posibilidad de
cargar menús en widgets desde Apariencia, Widgets, Menú personalizado.
Los menús ha quedado claro que facilitan la navegación por lo
que además de diseñar una estructura usable, debes crear los
accesos necesarios para que los visitantes encuentren fácilmente
los contenidos de tu web.
Ya has pensado lo que te supone en tiempo y dinero cada vez que tienes que restaurar un
sitio web a un estado anterior por una metedura de pata, una actualización que ha venido
para fastidiar tu tema o entrar en conflicto con otros plugins ¡un desastre!
Una de las posibilidades del plugin, que sí depende del espacio en disco que tengas en tu
Hosting, y la cantidad que tengas libre, es que puedes almacenar varias copias que se
marcan con fecha y hora, para tener disponibles puntos de restauración en diferentes
momentos en el tiempo, útiles durante la fase de desarrollo de la web.
Como muchos plugins del mercado, “All In One WP Migration” dispone de planes PRO
(de pago) para ampliar las funcionalidades, si bien que con la versión GRATUITA es
suficiente para la mayoría de usuarios que lo único que necesitan es disponer de backups
bajo demanda descargables.
Es importante y muy necesario disponer de puntos de restauración de tu web que te
permitan volver a un momento anterior donde todo funcionaba mejor.
Si además te planteas realizar este proceso muchas veces al día, cada semana o al mes,
debería ser un proceso sencillo y amigable ¿cierto?
Total, si al final no te gusta, no te adaptas bien a el, o te resulta demasiado difícil, puedes
usar otros como UpdraftPlus, lo cual es muy popular también.
5. En ” Dirección de correo electrónico” pon tu email para ser notificado. También puedes
Básicamente son los métodos comunes o habituales, aunque es el primero de todos el que
está pensado para usuarios normales que en situaciones también normales deberían poder
usarlo para eliminar temas instalados sin uso.
¿Cómo acceder para eliminar un tema?
1. Accede al dashboard de WordPress.
2. Realiza una copia de seguridad ¡nunca se sabe!
3. Ve a Apariencia, Temas.
4. Al pasar el ratón por encima del tema a eliminar verás “Detalles del Tema”,
haz clic.
5. En la parte inferior derecha aparecerá el botón Borrar.
6. Clic para eliminar permanentemente el tema instalado.
Importante: Para poder desinstalar un tema, este tiene que estar desactivado, de
lo contrario no será posible su eliminación.
2. Cambiar de Tema de forma segura
Por regla general cuando se escoge un Tema para un sitio web este suele mantenerse
durante bastante tiempo a menos que el usuario sea inquieto o la elección inicial de la
plantilla no haya sido la adecuada al proyecto a gestionar.
Esto lleva a buscar nuevos Temas hasta encontrar otro que cumpla con las necesidades
del proyecto, teniendo claro que un cambio de tema implica bastantes modificaciones,
no solo visuales o estéticas sino también de reubicación de los bloques de contenidos.
Es por esta razón por la que se recomienda siempre invertir mayor cantidad de tiempo
en analizar en detalle los Temas candidatos y evaluar no solo la parte visual, sino
también las funcionalidades, disponibilidad de widgets en determinadas áreas del
layout, que sea adaptable a cualquier dispositivo y que cumpla de la mejor forma
posible los estándares W3C (es un comité que se dedica a implementar tecnologías uniformes en el uso y desarrollo de Internet)
¿Qué motiva un cambio de Tema?
• El uso de Temas o plantillas mal desarrollados y con carencias.
• Que no sea adaptativo (Responsive Web Design) a dispositivos.
• Que no esté pensado para el SEO.
• Que incluya muchos elementos “candado” (lock-in) que aten los contenidos.
• Que los plugins más importantes de la web no se lleven bien con el Tema.
• Que el tema haya sido abandonado por su autor y no reciba actualizaciones.
• Que tu proyecto, Empresa o Marca cambien de dirección o imagen.
• Y más.
Naturalmente hay tantas razones como tu quieras poner encima de la mesa para justificar el
cambio de tu actual Tema por otro. Si ya has decidido que quieres un cambio de tema y
además has pasado por el proceso de selección y lo tienes incluso descargado en tu
computador, sigue los pasos para hacer el cambio de tema:
Pasos para cambiar de Tema en WordPress:
1. Accede al dashboard de tu sitio web.
2. Realiza una copia de seguridad (archivos y base de datos).
3. Guarda los widgets que seguirás usando (muévelos a Widgets inactivos).
4. Accede a Apariencia, Temas.
5. Haz clic en Añadir nuevo.
6. Haz clic en Subir tema.
7. Selecciona en tu ordenador el Tema en formato zip.
8. Haz clic en “Subir” para que se instale.
9. Haz clic en Activar una vez haya finalizado la subida e instalación.
10. Ve a Apariencia, Temas y haz clic en Personalizar del tema activado.
11. Configura el nuevo tema con la información general del sitio.
12. Activa nuevamente el menú, en caso de que no sea inicialmente visible.
13. Desde el Personalizador, Widgets, activa los widgets que “inactivaste” en las posiciones deseadas.
14. Configura el resto de elementos del Tema para dejarlo a tu gusto.
15. Elimina los plugins que no uses, asociados al anterior tema.
16. Elimina el Tema anterior si no lo necesitas.
17. Comprueba que la web carga con el nuevo tema.
18. Verifica desde dispositivos móviles que la web se ve de forma adaptativa.
19. Comprueba los tiempos de carga de tu web con el nuevo Tema.
Si todo ha ido bien deberías tener tu nuevo tema funcionando, en sustitución del anterior.
Adaptar los contenidos tras un cambio de tema es un proceso laborioso, dedícale el tiempo
necesario para que la experiencia sea positiva y disfrutes con el proceso y los resultados.
Piensa que tendrás posiblemente que convivir mucho tiempo con esa nueva imagen que has
elegido.
Plugins 1. Instalación de Plugins
Los plugins son funciones escritas en lenguaje PHP que se usan para mostrar contenidos, añadir
funcionalidades a la web y que tienen una integración alta con el CMS si están bien programados.
Muchas de las funcionalidades que añaden los plugins es posible implementarlas en
WordPress de forma directa en archivos como functions.php del Tema activo y así evitar
la instalación masiva de plugins externos.
Es cierto que la democratización ofrecida a los usuarios por parte de los plugins hace que
se puedan añadir casi todas las funcionalidades imaginadas a WordPress en muy pocos
clics y de forma bastante segura.
Existen plugins para casi todo lo que puedas imaginar, unos para añadir funcionalidades
al dashboard, otros para mejorar la gestión de los contenidos, para tener mayor seguridad
en la instalación web, para ofrecer habitaciones mediante reservas, para descargar archivos
desde un área privada, para ver el tráfico de la web, etc.
Como se puede apreciar es fácil de instalar y usar, lo cual provoca para muchos
usuarios se sientan atraídos por la facilidad con que se pueden instalar y acaban
masificando el sitio web con plugins que probablemente luego no acabaran
siendo usados, ralentizando el sitio y con el paso del tiempo dejándolo
vulnerable si no se mantienen actualizados los plugins instalados, aunque no se
utilicen.
2. Actualizaciones de temas, plugins y del núcleo de WordPress
Mantener tus webs creadas con WordPress siempre al día, así como los plugins y temas que
tengas instalados te permite poder disponer de una web más segura y siempre disfrutando de
las últimas mejoras incorporadas a este excelente CMS.
A través de los Temas se pueden construir sitios con un alto nivel estético, que tengan un
excelente comportamiento para el SEO, pero que en muchas ocasiones se tienden a acumular
en el dashboard, sin darles posteriormente un uso.
Tanto en el caso de los plugins, como de los Temas, su facilidad de instalación los convierte en
atractivos elementos a los usuarios que no tienen definida aún la parte visual de la web y
dedican parte del tiempo a instalar y probar uno y otro tema, o plugin, olvidándose desinstalar
luego los que no van a ser usados.
Tanto los plugins como los temas van paulatinamente ocupando espacio, tanto en la base
de datos, como en el propio Hosting, y lo que inicialmente podría ser una web de 100 o
200 MB de tamaño, puede acabar en 300 o 500 MB si la mala praxis de instalar, probar y
no eliminar lo que no se necesita se mantiene en el tiempo.
Tanto la eliminación de Plugins como de Temas debe hacerse siempre desde el dashboard
del CMS, y no de forma manual eliminando los archivos o carpetas de los mismos desde
tu Panel de Hosting o por FTP.
Proceso de eliminación de un Tema de WordPress:
1. Realiza una copia de seguridad ¡siempre!
2. Accede al dashboard, Apariencia, Temas.
3. Deshabilita el tema a eliminar si está activo activando otro tema por defecto.
4. Haz clic en Detalles del Tema a eliminar.
5. Clic en el botón inferior derecho “Eliminar”
Esto mismo, de forma casi parecida se aplica a los plugins de WordPress desde el apartado
Plugins, Plugins instalados, procediendo primero a desactivar el plugins para después
borrarlo.
Es posible que por alguna razón tu versión de WordPress se haya quedado anclada en una
rama que ya no recibe actualizaciones de mantenimiento, y posiblemente tampoco de
seguridad. En estos casos lo mejor es forzar la actualización para que puedas pasar de una
versión “estancada” a la estable actual del momento. Si no has desactivado las actualizaciones
automáticas del núcleo de WordPress no debería ser necesario forzar un “upgrade de versión”
y estarás usando la versión estable.
No obstante, si no es así, revisa si en tu archivo wp-config.php hay algún “define” que impida esas
actualizaciones, ya que si aparece será señal de que las actualizaciones tendrás que hacerlas
manualmente, es decir, bajo demanda, y no de forma automática.
En estos casos puede ser false o minor dependiendo del tipo de actualizaciones que estés limitando.
La recomendación es que las actualizaciones del núcleo de WordPress sean siempre MANUALES,
supervisadas y previa copia de seguridad, así evitarás muchas sorpresas y errores 500 inesperados.
Los plugins y temas por regla general no se auto actualizan, aunque se puede.
Queda claro que tener actualizada la web es una tarea importante, pero igual de importante o más
es mantener los plugins instalados debidamente actualizados y siempre descargarlos de sitios
confiables, ya que actualmente los plugins desactualizados o con problemas de programación son los
responsables de 80% de las vulnerabilidades de WordPress.
ACTIVIDAD PRÁCTICA N° 05
1. Teniendo en cuenta el WordPress ya creado y configurado inicialmente, realizar los
siguientes cambios de acuerdo al tipo de negocio que cada equipo tiene como objeto de
estudio.
2. Se requiere que su página web tenga como mínimo los siguientes alcances:
• Menú acorde al tema de negocio, Temas, Widgets, Páginas, Blog, comentarios, videos,
música, Imágenes, fondos, Plugins, etc.
• Debe quedar lo más presentado posible.