Cómo hacer una página web en WordPress: tutorial desde cero

Autor: Carlota Galv√°n

Fecha: 12/02/2019

Tanto si eres un profesional que busca potenciar su marca personal como si posees una empresa, tener presencia online te va ayudar a conseguir tus objetivos tanto de ventas como de reputaci√≥n. Si a√ļn no tienes un sitio web y no sabes por d√≥nde empezar, en este post te explico c√≥mo hacer una p√°gina web en WordPress para poner en marcha tu proyecto.

#1 Dise√Īa la estructura y contenidos del sitio


Lo primero es empezar por el principio de cualquier idea. No puedes ponerte a dise√Īar como un loco y a la que va, sin tener claro lo que vas a hacer o lo que quieres. Seg√ļn tu tipo de negocio o tu marca personal debes coger un papel y definir:

Colores, tipografías y logotipo

Decide los códigos de color de tu web utilizando un máximo de dos o tres para que el aspecto estético tenga una coherencia.

Tambi√©n te recomiendo que, cuando elijas las tipograf√≠as, combines dos como m√°ximo para t√≠tulos y p√°rrafos. Ten cuidado con las tipograf√≠as de estilo handwriting que a veces no son muy legibles.

A la hora de escoger un logotipo, apuesta por la sencillez y legibilidad. No mezcles m√°s de dos colores y se lo m√°s conceptual posible.

Si no puedes encontrar un símbolo que te represente, juega con las iniciales de tu nombre personal o de negocio.

Vigila adem√°s que sea escalable y se imprima bien tanto en tama√Īo reducido c√≥mo cuando sea ampliado.

Cómo hacer una página web en WordPress: tutorial desde cero

Estructura

En la estructura es importante que tengas claro que secciones vas a incluir para poder hacer el men√ļ. Por ejemplo: home, sobre m√≠, mis servicios, contacto‚Ķ

Cada una de estas secciones ser√°n p√°ginas de tu web que deber√°s dise√Īar una a una. No incluyas secciones innecesarias y n√≥mbralas de una forma coherente para que el usuario pueda encontrar r√°pidamente lo que busca.

A la hora de definir los servicios no utilices una sola p√°gina para incluirlos todos. La p√°gina de servicios necesariamente debe tener un submen√ļ y tendr√°s que dise√Īar una p√°gina para cada uno de ellos con el objetivo trabajar la palabra clave que le corresponda.

Esto tiene que ver con el SEO básico de una web. Si pusieras todos tus servicios en una sola página te estarías canibalizando a ti mismo.

Cómo planificar tu página web para que tu negocio brille

Contenidos

Definidas las secciones de tu sitio, otro punto de vital importancia en cómo hacer una página web, es redactar bien los contenidos. No rellenes con texto por rellenar y piensa bien lo que vas a escribir. Se persuasivo y sigue como normas básicas:

  • Hacer un estudio SEO para saber cu√°les son las palabras m√°s buscadasque se corresponden con tus servicios y sector para utilizarlas.
  • Escribir m√°s de 300 palabras por p√°gina. Lo id√≥neo es que fueran entre 600 y 900 pero no siempre es posible extenderse tanto por lo que m√°s de 300 tiene que ser tu objetivo para no ser penalizado como thin content (contenido pobre) por el algoritmo de Google.
  • Utilizar la palabra clave con una densidad de entre el 0,5% y el 1%. Por ejemplo si eres ‚Äúestilista‚ÄĚ en tu p√°gina de inicio o home deber√≠as repetir ‚Äúestilista‚ÄĚ en el 0,5% del contenido. Del mismo modo en tus servicios si uno de ellos es ‚Äúasesor de moda‚ÄĚ, en la p√°gina que corresponda volver√°s a repetir la palabra clave para lograr esta densidad.

En este artículo te dejo algunos consejos más sobre cómo escribir para mejorar el posicionamiento SEO de tu web.

Dise√Īo

Después de haber desarrollado el contenido escrito, tienes que seleccionar imágenes o hacer fotografías que cuadren con la extensión y disposición de tus textos.

En ese sentido, te recomiendo que hagas fotografías de calidad, ya que una mala imagen puede echar a perder de un plumazo contenidos bien trabajados.

Si no puedes hacer fotograf√≠as o no se te da bien, te recomiendo que inviertas algo de dinero en comprar contenidos gr√°ficos profesionales en bancos de im√°genes.

Aunque existen también bancos de imágenes gratuitos, lo normal es ver esas fotos mil veces replicadas en otras webs con lo que perderás tu originalidad.

Con el contenido escrito y las im√°genes ver√°s que es mucho m√°s f√°cil dise√Īar tu web, ya que solo deber√°s encajar las piezas. Casa cada contenido escrito con la imagen que le corresponda y d√©jalo esbozado en el papel en el que comenzaste a reflejar la estructura de tu sitio a la espera de conseguir tu servidor.

Consejos para dise√Īar p√°ginas web creativas: ideas + ejemplosIR AL POST

#2 Elige dominio y hosting


Puede que este sea uno de los puntos más determinantes en cómo hacer una página web. Escoger un mal dominio o servidor puede afectar directamente a tu visibilidad y a tus ventas o conversiones.

Dominio

Es el nombre de tu página web y cómo te van a buscar en la barra del navegador. En un mundo ideal debería incluir tu palabra clave (por ejemplo analopezestilista.com) ,pero no siempre es posible por la extensión resultante.

Los dominios deben ser cortos y fáciles de recordar y deberías comprar tanto la versión .com como la versión .es para que no lo pueda usar otra persona en tu lugar.

Mi recomendación es que utilices .com para tu página y redirijas la versión .es a tu sitio.

Hosting, servidor o alojamiento

Puede que m√°s del 80% de la responsabilidad sobre la velocidad de carga de tu sitio (punto b√°sico para un buen SEO) radique en tu proveedor de alojamiento. Evita los servidores cutres.

Aunque hay muchas opiniones al respecto, el mejor hosting que, en mi opini√≥n, existe a d√≠a de hoy es SiteGround, que es el √ļnico recomendado oficialmente por la comunidad WordPress, tiene soporte t√©cnico 24/7, est√° especializado en WordPress y dispone de herramientas exclusivas para clientes que permiten sacar el mayor partido a una web.

Hosting WordPress: cómo elegir la mejor opción para tu webIR AL POST

Si por alguna raz√≥n buscas otras alternativas, en esta p√°gina web que compara diferentes hosting en espa√Īol tienes otras opciones de calidad y para todos los bolsillos.

#3 Descarga e instala la √ļltima versi√≥n de WordPress


Cuando ya dispones de servidor, debes descargar un paquete de WordPress en su √ļltima versi√≥n en tu dominio.

Hacer esto es muy fácil y normalmente el proveedor te da instrucciones y soporte para poder hacerlo. Si contratas un hosting que no te de la opción de instalar el paquete, directamente deberás descargarlo de WordPress.

Este paquete de WordPress incluye un tema gratuito, pero no te preocupes, ya que no ser√° tu tema final y podr√°s cambiarlo.

Si utilizas SiteGround como proveedor de hosting, puedes instalar WordPress con un solo clic desde el instalador que encontrar√°s en tu panel de control.

#4 Selecciona e instala un tema de WordPress


Para seleccionar un tema adecuado ten en cuenta la actividad que desarrollas. En Envato tienes un mont√≥n de opciones de plantillas premium para WordPress divididas por estilo que son responsive y con las que puedes hacer cualquier dise√Īo.

Por precios entre los 40 y 60 euros tendr√°s una plantilla en propiedad con todas sus actualizaciones.

Cómo hacer una página web en WordPress

#5 Instala los plugins que necesites


Cuando construyes un sitio web en WordPress, es totalmente necesario contar con la instalación de plugins que te van a ayudar en su gestión.

Existen plugins b√°sicos que debes instalar como es SEO By Yoast, porque te va a ayudar a tener controlado el SEO de una forma b√°sica cada vez que escribas en tu blog.

También WP Rocket, es un plugin de caché que te va a ayudar a mantener optimizada la velocidad de tu sitio. Otros los irás necesitando o no en función de las características de tu web.

Los plugins van evolucionando con el tiempo y los que ahora son buenos puede que no lo sean en un futuro o surjan otros mejores.

Deber√°s controlar estos cambios de tendencia para ir probando nuevos y desechando algunos que se quedan obsoletos o ya no te resultan necesarios.

#6 Configura todas las opciones de tu tema WordPress


Llega el momento de configurar las opciones de tu plantilla de WordPress. Dependiendo de cu√°l sea tu tema las opciones se llamar√°n de una forma u otra.

Por ejemplo, para el tema Bridge, las opciones de dise√Īo se llaman ‚ÄúQuode Options‚ÄĚ.

Cómo hacer una página web en WordPress

En estas opciones eliges la apariencia de todos y cada uno de los aspectos de tu sitio:

  • Tama√Īos de letra y tipos de letra
  • Colores
  • Estilo de cabecera y footer
  • Estilos para el Blog
  • Configuraci√≥n de la sidebar‚Ķ

Recuerda que, mientras construyes tu p√°gina y defines todas sus opciones, tu web debe estar en ‚ÄúModo mantenimiento‚ÄĚ y con la opci√≥n ‚ÄúDisuadir a los motores de b√ļsqueda‚ÄĚ habilitada para que Google no indexe tu contenido antes de tiempo.

#7 Optimiza las im√°genes


Otro aspecto determinante en cómo hacer una página web es la optimización de imágenes.

Este punto afecta de forma determinante a la velocidad de carga de un sitio.

Si subes tus imágenes a todo meter de pixeles cuando en tu web se van a mostrar diminutas lo más seguro es que el PageSpeed Insights te de una puntuación de pena.

Antes de subir tus imágenes, utiliza Photoshop y elige la opción Exportar> Guardar para web para comprimirlas o, si el paquete Adobe no va contigo, utiliza Tiny PNG o Compressor.io, por ejemplo.

Cómo hacer una página web en WordPress

Si tu proveedor de hosting es SiteGround, dispones de forma gratuita del plugin SG Optimizer, que se encarga de optimizar tanto las imágenes de tu web como su velocidad de carga, además de otras muchas funciones (super caché, https, versión PHP, minificar CSS y JavaScript, etc).

#8 Carga todos los contenidos


Ya es la hora de la verdad, lo tenemos todo y hemos hecho todo el trabajo previo.

Ahora dise√Īar ser√° realmente f√°cil ya que en WordPress s√≥lo tenemos que utilizar un maquetador para ir cargando nuestros elementos de texto y de imagen de la forma que m√°s nos guste.

Existen diferentes maquetadores visuales para WordPress (aquí puedes ver una comparativa de los tres más habituales).

Si compras un tema premium de WordPress, es habitual que venga incluido el Visual Composer. En este maquetador se encuentran todos los elementos que necesitas para construir las p√°ginas.

Cómo hacer una página web en WordPress

Seleccionas filas y dentro de estas vas introduciendo bloques de texto para a√Īadir contenidos escritos o contenedores de im√°genes para subir el contenido gr√°fico.

Luego es cuesti√≥n de ir ajustando tama√Īos para que cuadre dentro de la estructura de la plantilla.

Cómo hacer una página web en WordPress

Cuando la p√°gina est√° dise√Īada a tu gusto, se publica para que sea visible.

Ten cuidado con el contenido demo que trae por defecto. Debe encontrarse en borrador para que cuando indexes la web Google no lo rastree. Se trata de un error muy com√ļn que luego tarda en subsanarse.

#9 Eval√ļa el SEO de tu p√°gina web


El √ļltimo aspecto importante de c√≥mo hacer una p√°gina web es evaluar el SEO. Aunque ya hemos comentado que normas debes seguir a la hora de escribir tus contenidos y c√≥mo debes optimizar tus im√°genes, tienes que hacer una serie de comprobaciones antes de indexar:

  • Revisar las URLS: que est√©n limpias y sin palabras freno como preposiciones o art√≠culos, ni acentos, ni may√ļsculas ni ‚Äú√Ī‚ÄĚ.
  • Comprueba que los H1 de tus p√°ginas son correctos y no hay m√°s de uno por p√°gina.
  • Revisa que tienes subt√≠tulos H1 y H2 con palabra clave en algunos.
  • Establece los t√≠tulos SEO y las metadescripciones para favorecer el CTR (puedes ayudarte de SEO by Yoast).
  • Comprueba que la densidad de tus palabras clave en todo el sitio es correcta.
  • Revisa que tu men√ļ est√° bien configurado y los enlaces internos no dan errores 404 o de p√°gina no encontrada.
  • Elimina todo el contenido demo o comprueba que no est√° publicado.
  • Revisa que todas las im√°genes est√°n optimizadas.
  • No te dejes faltas de ortograf√≠a.

#10 Indexa tu sitio web


El √ļltimo punto a tener en cuenta en c√≥mo hacer una p√°gina web es la indexaci√≥n.

Para indexar tu sitio debes desmarcar la opci√≥n ‚Äúdisuadir a los motores de b√ļsqueda‚ÄĚ y quitar el ‚ÄúModo mantenimiento‚ÄĚ.

Adem√°s, es necesario configurar el sitemap.xml y subirlo a tu cuenta de Google Search Console.

Como tu sitio es nuevo, las ara√Īas de Google ir√°n rastre√°ndolo poco a poco hasta indexar todas las p√°ginas en sus resultados de b√ļsqueda.

Puedes ir comprobando el proceso escribiendo site:tudominio en el navegador para ver las p√°ginas que ya han sido rastreadas.

Si para ciertas páginas deseas una indexación más rápida en Google puedes forzarla manualmente desde Search Console.

Lista de elementos que debes revisar antes de lanzar una webIR AL POST

Conclusión


Te he explicado en estos diez puntos c√≥mo hacer una p√°gina web con WordPress. Aunque es muy f√°cil construir una web con WordPress, debes saber que te llevar√° tiempo y que quiz√°s haya aspectos que no puedas personalizar del todo (a no ser que sepas c√≥digo CSS).

Además, también debes saber que elegir un hosting especializado y optimizado para WordPress es fundamental a la hora de hacer una página web (ya sabes que yo te recomiendo SiteGround).

Si crees que no tendr√°s el tiempo suficiente o hay puntos que escapan a tu comprensi√≥n, lo mejor es siempre que te pongas en manos de un dise√Īador web.

Al fin y al cabo, tu web se va a convertir en tu carta de presentación.

Portada: freepik

Summary
Cómo hacer una página web en WordPress: tutorial desde cero
Article Name
Cómo hacer una página web en WordPress: tutorial desde cero
Description
Si a√ļn no tienes un sitio web y no sabes por d√≥nde empezar, con este tutorial aprender√°s c√≥mo hacer una p√°gina web en WordPress desde cero.
Author
Publisher Name
Max Camu√Īas
Publisher Logo

10 Comentarios

  1. Claudia

    No podia ser mas claro! No se queda nada fuera. Recien estoy terminando de plantear con claridad mi negocio. Sin ese requisito mejor no armar la pagina, asi que voy a poner en practica este post y los plugins que recomiendas en tu ebook

    Responder
    • Max Camu√Īas

      ¬°Hola Claudia!

      Me alegro mucho de que te sea √ļtil tanto este post como el ebook.

      Antes de empezar un proyecto, es mejor planificarlo todo para tenerlo claro.

      Gracias por comentar.

      Responder
  2. Servio

    Hola! me parece excelente tu aporte con todo este contenido compartido! Felicidades y gracias! Tengo una consulta, he creado un blog educativo, me he apoyado de tu contenido y el de otras personas m√°s, he tenido un problema que no logro solventar, a√ļn tengo la versi√≥n gratis de wordpress, cuando comparto enlaces en Facebook, en los m√≥viles no se muestra el contenido de las p√°ginas compartidas, en el ordenador todo se muestra bien. El el m√≥vil, en el navegador todo va muy bien tambi√©n, √ļnicamente tengo problemas con los enlaces compartidos en Facebook vistos desde el m√≥vil, he revisado los enlaces desde varios m√≥viles, y en efecto, el mismo problema. Que puedo hacer?

    Responder
    • Max Camu√Īas

      Hola ūüôā

      Si dejas la URL de tu web es mucho m√°s √ļtil para ver cu√°l es el problema.

      Te recomiendo depurar tu web con esta herramienta de Facebook.

      Saludos!

      Responder
  3. Pedro Plaza

    Muy buen contenido para iniciarse gracias por el aporte…

    Responder
  4. farid

    muy buena explicacion max en vdd todo claro, no tienes idea de cuanto ayudas a la gente..!!!!

    Responder
  5. Alejandro Monroy

    Excelente tutorial la mia esta en word press

    a href=¬Ľhttp://bogotapaginasweb.com/¬Ľ rel=¬Ľnofollow¬Ľ>diseño paginas web bogota

    Responder
  6. Raquel

    Buenas, seg√ļn el inform√°tico que tengo contratado hasta que no este la pasarela no se puede dotar de contenido la pagina y seg√ļn el banco tengo que tener la pagina terminada para dotarme de pasarela. ¬ŅMe lo podr√≠as aclarar?.
    No entiendo que no se pueda completar la pagina sin pasarela.

    Responder
    • Max Camu√Īas

      Hola Raquel,

      En realidad ambas cosas no tienen relación, es decir, puedes ir trabajando el contenido de la web de forma paralela a la configuración de la pasarela. Incluso puedes hacerlo antes, no necesitas tener la pasarela para dotar a tu web de contenido.

      De todas formas, esto es un comentario genérico. Cada tipo de web y profesional trabaja de una manera.

      Espero haber aclarado tu duda.

      Saludos

      Responder

Enviar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Para cumplir con el nuevo RGPD y que tus datos estén a salvo, debes leer y aceptar mi política de privacidad. Tus datos serán guardados en SiteGround y WordPress, mi proveedor de hosting y el CMS que utilizo en esta web.

Soy Max Camu√Īas y te doy la bienvenida a mi blog (mi casa).

Por aquí hablo sobre los temas que me apasionan: WordPress, Marketing, Social Media o Blogging.

Me encanta ayudar a otras empresas a marcas a crear el dise√Īo de su web desde cero.

¬°M√ĀS SOBRE M√ć!

masterclass
C√ďMO PLANIFICAR TU P√ĀGINA WEB PARA QUE TU NEGOCIO BRILLE
¬°accede gratis!