Documente Academic
Documente Profesional
Documente Cultură
Algunos pasos a la hora de crear una página web con WordPress serán más generales y
otros específicos de este Gestor de contenidos.
1.- El dominio
2.- El hosting
3.- Instalar WordPress
4.- Acceso al panel de administración de WordPress
5.- Configuraciones iniciales al crear página web WordPress
6.- Estructura y diseño de la web
7.- La plantilla WordPress
8.- Diseño web WordPress, El page builder
9.- Los plugins para WordPress
10.- Crear el header o encabezamiento de la web
11.- El footer
12.- La página de inicio
13.-Las páginas interiores
14.- El menú
15.- Un blog
16.- SEO Onpage y Offpage
17.- Consejos y trucos (tips and tricks)
1.- El dominio
Una de las primeras cosas que debemos pensar, antes de ponernos a crear una página
web WordPress, es el nombre de dominio que vamos a elegir para el sitio web.
El dominio será el nombre a través del cual accederemos a la página web. Éste se
registra y hemos de renovarlo cuando caduque el periodo contratado. Es decir, no es
algo que se compra de una vez y podamos disponer de el de por vida.
También debemos decidir la extensión del mismo: “.es”, “.com”, “.org”, etc.
Si la página web que vas a crear está pensada para el mercado nacional español puedes
utilizar un “.es” o “.com”. Por el contrario, si la web está pensada para España y
países de habla hispana te recomiendo el “.com”.
Lo más habitual es registrar el dominio con la misma empresa que contratemos el
hosting, aunque podemos contratar el hosting y el dominio con diferentes empresas y
luego apuntar las DNS hacia los servidores de la empresa donde tengamos alojada la
web.
2.- El hosting
El segundo paso de nuestro comino para aprender cómo hacer una página web paso a
paso será la elección del alojamiento web o hosting.
Save
Contratar un hosting o alojamiento web es algo imprescindible para hacer una página
web con WordPress.org ya que necesitamos un lugar para hospedar dicha web.
Un hosting o alojamiento web es un servicio que nos ofrece una empresa que
dispone de servidores web. Las empresas nos ofrecerán diferentes planes según las
características del servicio.
En cualquier caso es muy importante elegir un buen hosting y que este esté optimizado
para WordPress.
Tradicionalmente para crear una página web con WordPress había que descargar
WordPress, subirlo vía FTP al hosting, crear una base de datos y proceder a la
instalación. Hoy en día como digo todo esto no es necesario ya que la mayoría de
hosting dispone de este tipo de instaladores en 1 clic.
Vamos a ver cómo utilizar el instalador en 1 clic que utiliza Raiola Networks. El
instalador se denomina Installatron y también lo utilizan otras empresa de hosting como
Webempresa, Host Europe, etc. También te digo que todos los instaladores de este tipo
son muy similares.
a.- Acceder al CPanel: Lo primero que haremos será acceder al CPanel que es el panel
de administración del hosting que hemos contratado.
b.- Aplicaciones web: Una vez estemos dentro del CPanel iremos al bloque
denominado: “Aplicaciones web” y ahí haremos clic en donde dice: “Installatron
Aplications Installer” (Installatron instalador de aplicaciones).
d.- Instalación: ahora haremos clic en el botón: “Instalar esta aplicación”. Echo esto
nos aparecerá el instalador en el cual bastará con rellenar los siguientes campos:
i.- Dominio: selector situado en el apartado Ubicación donde debemos elegir el dominio
que queremos para la web entre los diferentes que tengamos contratados.
Save
Save
v.- Título del sitio web: Aquí pondremos el nombre del sitio. Luego lo podemos
cambiar si fuera necesario.
vi.- Lema del sitio web: Aquí pondremos una descripción del sitio web. Al igual que
sucede con el título luego lo podemos cambiar desde el panel de administración.
www.nombredemiweb.es/wp-admin
Nombre de usuario: Ahora deberás introducir el nombre del usuario administrador que
incluiste en el apartado d.- ii.- de la instalación de WordPress.
a.- Ajustes Generales: iremos a “panel de administración > Ajustes > Generales” y el
apartado Zona horaria seleccionaremos: “Madrid”
Marca el check box con el texto: “Disuade a los motores de búsqueda de indexar este
sitio” y pulsa el botón de guardar.
NOTA: Recuerda que cuando tengas más o menos terminada tu web y quieras que
Google indexe tu sitio deberás desmarcar este check box y pulsar el botón de guardar.
c.- URL Amigables: es fundamental para el SEO utilizar URLS amigables. Para ello
vamos a: “panel de administración > Ajustes > Enlaces permanentes”
d.- Web en mantenimiento: Es interesante que a lo largo del proceso para crear una
página web con WordPress el sitio muestre públicamente una página de mantenimiento.
En el apartado b) hemos configurado la web para que no pueda ser indexada por
Google, pero eso no significa que los usuarios de internet no puedan ver nuestro sitio.
Para poner la web en modo mantenimiento y que los posibles visitantes vean una página
de presentación debemos utilizar un plugin.
Habitualmente una web corporativa estará formada por lo menos por las siguientes
páginas:
La página de servicios o productos puede reunir todos ellos en una sola página o
podemos crear páginas específicas para cada servicio o producto que se desplieguen del
ítem de menú servicios o productos (fig.1)
Mi recomendación es que incluyas una página para cada servicio y/o producto
para intentar posicionarlos por separado en Google.
Save
Fig.1.- Ejemplo de servicios en páginas específicas
Diseño de la web
Los colores a utilizar en la página normalmente serán los que componen el logo. Si no
tienes logo aún es el momento de que te diseñen uno.
Aquí te dejo este interesantísimo post de Arturo García sobre los colores a utilizar en
una web. También te puede servir para elegir los colores para el logo
Otra cosa que debes hacer es cogerte varios folios y dibujarte un boceto de la
composición que quieres hacer en cada una de las páginas de la web, sobre todo de la
página de inicio o home. Dibuja las diferentes zonas o bloques en la que se dividirá cada
una de las páginas.
Las plantillas (realmente deberíamos decir temas o themes) nos aportan la parte
estética de la web.
Existen plantillas gratuitas y de pago. Las plantillas gratuitas están mucho más
limitadas, mientras que las de pago tienen muchas más opciones de personalización. Por
lo que yo te recomiendo que para crear una página web profesional te vayas
directamente a una plantilla WordPress de pago.
Dentro de las plantillas de pago, existen empresas que nos ofrecen paquetes con muchas
plantillas desarrolladas bajo un framework al precio de lo que cuesta una plantilla.
Algunas empresas incluso nos incluyen interesantes plugins en el precio de los packs de
plantillas. Por supuesto, también podemos comprar plantillas individuales.
Un poco más abajo te voy a dejar un enlace a una mega guía en la que se analizan las
principales opciones de plantillas para WordPress que hay en el mercado.
En cualquier caso, antes de adquirir una plantilla debes tener en cuenta los siguientes
puntos:
a.- Pago único o pago anual: existen plantillas que se pagan una única vez, como es el
caso de las que puedes adquirir en el mercado Theme Forest.
Existen otras plantillas o packs de plantillas en los cuales el pago te da derecho a usar
las plantillas de por vida, pero debes volver a pagar de manera anual para disfrutar de
actualizaciones.
b.- ¿Licencia para cuantos sitios web?: Debes fíjate en la licencia que acompaña a la
plantilla. Existen plantillas con licencia para ser utilizadas en un único sitio web y
otras plantillas con licencia para ser utilizadas en todos los sitios web que quieras.
Existen algunas plantillas que incluyen un page builder a modo de plugin o en el núcleo
de la plantilla. Debemos tener en cuenta si al comprar una plantilla que incluye un page
builder, se incluye además de las futuras actualizaciones de la plantilla, las futuras
actualizaciones del page builder.
Como te decía antes aquí te dejo un enlace a un Mega post en el que se analiza de
manera detallada las principales opciones del mercado en plantillas para WordPress.
1/ 1
1/2+ 1/2
1/ 3 + 1/3 + 1/3
1/4+1/4+1/4+1/4
etc.
Pero también existen plantillas de pago que no incluye page builder, en estos casos
podrás instalar uno a través de un plugin. Entre las plantillas gratuitas prácticamente
ninguna incluye un page builder.
Save
Alta usabilidad: es importante que el page builder tenga una alta usabilidad
para poder trabajar con él de una manera fácil y rápida. Existen page builder
donde es difícil precisar donde soltar el módulo para que se coloque en el lugar
que tenemos en mente, por el contrario hay otros donde esta operación es mucho
más precisa. Algunos page builder incluyen herramientas para duplicar módulos,
secciones, filas o columnas reduciendo considerablemente el tiempo de creación
de páginas.
Sencillo e intuitivo: es fundamental que el page builder sea sencillo e intuitivo.
La principal demostración de esta característica es coger el page builder,
probarlo y en un rato conseguir averiguar cómo funciona de manera general sin
tener que leer ningún tipo de tutorial.
Tiempo de carga: es importante que el page builder no sea pesado ya que
queremos que la web tenga un tiempo de carga bajo cuando sea visitada por un
usuario. Además, un page builder pesado hará más lento el proceso de carga de
la página en construcción del back office y en definitiva nuestro trabajo de
creación.
Te dejo un enlace a una mega guía donde se analizan de manera pormenorizada los page
builder más utilizados del mercado.
9.- Los plugins para WordPress
Al hacer una web con WordPress necesitaremos algunos plugins para dotar al CMS de
algunas funcionalidades que no tiene por defecto.
Los plugins para WordPress son elementos que amplían las funcionalidades de la
aplicación. Existen plugins de todo tipo: El plugin Woocommerce para dotar a
WordPress de las funcionalidades de una tienda online, el plugin maintenance para crear
una página de mantenimiento, el plugin WP Super Caché para crear una caché y
acelerar la velocidad de carga de WordPress, etc.
Para mí hay una serie de plugins imprescindibles para crear una página web profesional,
todos ellos gratuitos:
Yoast SEO: este plugin sirve principalmente para que podamos editar las
etiquetas HTML para el SEO on Page de cada una de las páginas de la web.
Yoast SEO También nos aportará una serie de consejos relacionados con el SEO
on Page de cada una de las páginas, además de crear el sitemap de la web y
otros.
Save
En muchas plantillas tendrás la opción de colocar iconos de redes sociales en esta zona,
junto con tu teléfono de contacto y email.
La plantilla que utilices seguramente te dejará elegir entre varias opciones de header. Te
pongo un ejemplo de una conocida plantilla:
Logo a izquierda ítems a la derecha: este es el header más típico con el logo
situado en la izquierda y los elementos del menú a la derecha.
Header normal
Header con logo arriba
Logo en línea: logo situado en el centro de los elementos del menú y a la misma
altura.
Save
Full Screen Header: con este header también aparecerá el logo a la izquierda y
un icono tipo hamburguesa situado a la derecha. Al accionar el icono aparecerán
los ítems de menú ocupando toda la pantalla.
Estos son algunos ejemplos de encabezamientos, como te digo la plantilla que elijas
debe tener diferentes opciones de diseño para el header. Esta circunstancia debe
aparecer en la demo de la plantilla.
11.- El footer
Otra parte muy importante a la hora de hacer una web con WordPress es el footer o
parte inferior de la web. WordPress nos aportará unos elementos denominados
Widgets que nos servirán para construir esta zona de la web.
Al igual que sucedía con el header, el footer se repetirá en cada una de las páginas que
forman el sitio web.
En muchas plantillas tendrás que modificar el código del archivo footer.php de dicha
plantilla para poder personalizar el texto que aparece en la parte más inferior del footer.
Un widgets es una especie de módulo que tiene un aspecto y función específica y que en
general podemos colocar en el sidebar o barra lateral de la web y en el footer.
WordPress incluye por defecto muchos y variados Widgets: Widget de texto (HTML),
Widget de últimos post, Widget de categorías, etc.
Diseña en un papel los diferentes bloques de Widgets del Footer y ponte manos a la
obra accediendo a: “panel de administración > Apariencia > Widgets”. Aquí podrás
seleccionarlos, arrastrarlos a cada zona del footer y finalmente personalizarlos.
Save
Si pones un slider no pongas demasiadas imágenes y cuida mucho el peso de las mismas
para evitar hacer una home pesada que tarde mucho en cargarse. Mi recomendación que
no pongas más de tres y que las imágenes del slider no superen los 130 KB aprox.
Un pequeño truco para introducir texto sin que la página quede sobrecargada es la
utilización de recursos como los botones desplegables.
Con los botones desplegables los visitantes no verán el texto a menos que pulsen el
botón para desplegarlo por lo que el diseño quedará muy limpio. Por el contrario
Google “leerá” el texto como si estuviera desplegado el botón.
Para crear una página en WordPress deberás ir a: “panel de administración > Páginas >
Añadir nueva”.
Establecer la home
Una vez creada la home debemos “decirle a WordPress” que es la página de inicio. Para
ello iremos a: “panel de administración > Ajustes > Lectura”
En donde dice: “Página frontal muestra” marca la opción “Una página estática
(seleccionar abajo)”
Para crear una página iremos a: “panel de administración > Páginas > Añadir nueva”.
a.- Título: justo debajo de la etiqueta “Añadir nueva página” situada en la parte
superior tenemos un campo de texto donde debemos introducir el título de la página.
c.- Page builder o editor de texto: para crear el contenido de la página podremos optar
por el editor que viene por defecto en WordPress o por utilizar un page builder y poder
crear diseños más elaborados (nota: el page builder no viene por defecto, debemos
elegir uno e instalarlo).
Si pulsamos el botón azul de “publicar” situado un poco más abajo, la página estará
visible y estará disponible para añadirla a menús.
Una vez publicada una página la opción que nos aparecerá será la de “actualizar”.
f.- Yoast SEO: si instalaste el plugin de Yoast SEO tendrás un bloque en la página en el
cual podrás establecer la etiqueta “title” y “meta description” de cada una de las páginas
interiores.
g.- Slug: con el bloque slug podrás modificar la URL amigable de la web, que junto a la
etiqueta “title” y “meta description” son elementos fundamentales en el SEO on page.
14.- El menú
Una vez creada la página de inicio y las páginas interiores podemos ir añadiéndolas al
menú de nuestro WordPress.
Para gestionar el menú iremos a: “panel de administración > Apariencia > Menús”.
Ten en cuenta que las ubicaciones disponibles para colocar un menú dependen de
la plantilla que estés usando. Existen plantillas que tienen una única ubicación para
poner el menú y hay otras que disponen de múltiples ubicaciones.
Este nombre sirve para diferenciarlo de otros menús que puedas crear en el futuro. En
WordPress podemos crear varios menús y ubicarlos en diferentes localizaciones
(depende de la plantilla).
En el lateral izquierdo verás un bloque con varios apartados: Páginas, entradas, Enlaces
personalizados y Categorías.
Para buscar una página que previamente hayas creado y poder añadirla al menú, tienes 3
pestañas:
Nota: recuerda que la página debe estar publicada para que aparezca y pueda ser
por tanto añadida al menú.
Marca cada una de las páginas que quieras añadir al menú y pulsa el botón “Añadir al
menú” (puedes hacerlo de una en una o agrupando varias).
Save
Organizar menú
El ítem de menú situado más arriba será el que aparezca más a la izquierda en el menú.
Para cambiar la posición de los elementos del menú, sitúa el cursor sobre el elemento
que quieras desplazar, haz clic con el botón izquierdo del ratón y arrastra el bloque hasta
la posición que quieras.
Es posible que haya elementos del menú que te interesen que sean de tipo nofollow,
para no transmitir autoridad como podría ser un enlace al aviso legal, política de
privacidad o política de cookies.
Para hace añadir este tipo de enlaces al menú debemos ir a: “panel de administración
> Apariencia > Menús”
Al haber activado esta opción, cuando despleguemos un elemento del menú nos
aparecerá el campo: “Relación con el enlace (XFN)”.
Para hace que un elemento del menú tenga un enlace tipo nofollow simplemente
tendremos que escribir “nofollow” en el campo “Relación con el enlace (XFN)”.
Save
Añade el blog si estás dispuesto a usarlo. No queda nada bien entrar al blog de una
web corporativa y encontrarte solo el post de ejemplo de WordPress.
Para crea entradas de blog deberás ir a “panel de administración > Entradas > Añadir
nueva”
Aquí tienes un muy interesante post de Miguel Florido en el cual podrás encontrar
muchos aspectos fundamentales a la hora de crear un blog
Optimiza las páginas de tu web para posicionarse por las palabras clave que te
interesen (SEO on Page) y trabaja fuera de tu web para conseguir enlace de
calidad (SEO off Page).
Aquí te dejo un post muy interesante del blog de Rubén Alonso que te servirá para
introducirte en el mundo del posicionamiento web.
I.- Suscriptores: Intenta captar y crear una lista de suscriptores desde el primer día. Pon
un reclamo, ponte en marcha con una plataforma de email marketing y un plugin como
Sumo Me.
III.- Protege el contenido de tu blog: Haz que tu feed muestre solo los resúmenes de
las entradas de blog para evitar que a través de herramientas copien el contenido de
nuestros posts en otros.
Para ello debes ir a: “panel de administración > Ajustes > Lectura”. Una vez allí en
donde dice: “Mostrar, para cada entrada en el feed” marca la opción: “Resumen” y
pulsa el botón de guardar.
Donde dice: “Contenido que se pondrá después de cada post en el feed:” escribir algo
como esto:
V.- Alta en Google Search Console, antiguo Webmaster tools: Crea una cuenta en
Google Search Console y analiza las impresiones y clics de las páginas de tu web. A
través de esta herramienta también podrás añadir un sitemap, indexar páginas
rápidamente, etc. Solo necesitas una cuenta de gmail.
Verás que muchas plantillas para WordPress incluyen un enlace en el footer hacia la
página oficial de la plantilla. En muchas ocasiones este enlace no se puede modificar
desde el panel de administración de WordPress.
Lleva mucho cuidado al modificar este archivo y guarda una copia de seguridad del
mismo
Save
Espero que esta completísima guía te ayuda a crear una página web profesional para tu
negocio paso a paso.