驴C贸mo crear p谩ginas con WordPress?

Aunque inicialmente WordPress fue desarrollado para funcionar como un blog, actualmente, su principal funci贸n es crear p谩ginas. No existe ning煤n blog o tienda online que no contenga p谩ginas.

Actualmente, la mayor铆a de sitios web creados con otros CMS, han migrado a WordPress gracias a que ofrece una interfaz sencilla de dise帽o聽y permite la integraci贸n de un blog y/o tienda online en una misma instalaci贸n.

La principal diferencia entre las entradas de un blog y las p谩ginas de un sitio web es que el blog es din谩mico聽y聽las p谩ginas son est谩ticas. Un ejemplo de p谩ginas son los t铆picos apartados: quienes somos, servicios, contacto que suele tener un sitio web.

脥ndice del contenido
    Add a header to begin generating the table of contents

    1. 驴Por qu茅 crear p谩ginas en un sitio web?

    Es muy importante saber que funci贸n va a tener nuestro sitio web antes de crearlo. Teniendo claro lo que vamos a ofrecer a nuestros usuarios o clientes, podemos聽crear un sitio web, un blog, un portfolio o cualquier tipo de portal con el cual ofrecer nuestros servicios o compartir nuestras ideas de la manera m谩s adecuada.

    Un "sitio web" b谩sicamente est谩 compuesto聽por un logo, men煤 principal y el contenido.

    Este, a diferencia de un blog, se caracteriza por alojar contenido est谩tico, aunque puede llegar a ser din谩mico mediante el uso de plugins.

    A medida que vayamos creando p谩ginas, debemos聽asociar un item de men煤聽a cada p谩gina para que sea accesible desde cualquier parte del sitio web.

    B谩sicamente,聽crear un sitio web聽con WordPress, es actualmente la funci贸n m谩s importante que este ofrece.

    Aunque solo tengamos un blog o una tienda online, siempre vamos a necesitar apartados est谩ticos (p谩ginas) como por ejemplo: quienes somos, pol铆tica de privacidad, contacto y estos apartados聽no pueden ser creados como entradas de un blog聽o productos de una tienda online.

    Anuncio publicitario

    2. 驴Qu茅 necesitas para crear un sitio web con WordPress?

    2.1 Tener un dominio y hosting

    Para聽crear un sitio web聽con WordPress, lo primero que necesitaremos ser谩 tener un聽dominio y un hosting聽donde alojar los archivos de WordPress.

    Para聽sacar el m谩ximo provecho a WordPress聽lo m谩s recomendable es trabajar en un聽servidor remoto聽(online).

    Curso de WordPress

    Una de las mejores empresas de hosting, 100% en espa帽ol, que puedes contratar para comenzar a crear un proyecto en WordPress, es聽LucusHost.

    Este servicio es el que vamos a utilizar durante el desarrollo de este curso por lo que ser铆a recomendable que contrataras el alojamiento en esta empresa, disfrutando de un 20% de descuento, para que puedas sacar el m谩ximo provecho a todas las lecciones del curso.

    2.2 Haber instalado WordPress

    Una vez tengamos el dominio y hosting, necesitaremos descargar e instalar WordPress.

    WordPress

    WordPress es el mejor CMS que existe para desarrollar cualquier tipo de sitio web: sitios web corporativos, blog, tiendas online y todo lo que se pueda navegar por Internet.

    En este curso trabajaremos con wordpress.org con el cual podr谩s trabajar con libertad y sin limitaciones...隆a tu rollo!

    En la lecci贸n,聽instalar WordPress paso a paso, puedes encontrar informaci贸n actualizada para que aprendas a instalar WordPress correctamente.

    2.3 Elegir correctamente el tema WordPress

    Otro elemento importante con el que debemos contar para crear un sitio web es un tema. Dependiendo del tipo de proyecto que queramos realizar, existir谩 un tema adecuado para cada proyecto.

    Para el desarrollo de este curso de WordPress estamos trabajando con el tema Astra. Es un tema Multipurpose con el que podremos crear p谩ginas, un blog y una tienda online en una misma instalaci贸n.

    En la lecci贸n,聽elegir un tema WordPress, puedes encontrar algunos consejos para que elijas correctamente el tema para tu proyecto.

    Astra Theme

    Uno de los mejores temas que puedes instalar para comenzar a crear un proyecto profesional con WordPress, es聽Astra. Este tema ofrece una versi贸n gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de dise帽o.

    Este tema Multipurpose聽(m煤ltiples prop贸sitos)聽es ideal para crear blogs, sitios web corporativos y tiendas online聽en una misma instalaci贸n.

    2.4 Elegir correctamente el editor de contenidos

    A partir de la versi贸n 5.0, ha llegado Gutenberg, el editor de contenidos nativo de WordPress. Aunque con este editor se pueden desarrollar sitios web, dependiendo de la complejidad de nuestro proyecto, es posible que tengamos que utilizar un editor de contenidos m谩s potente y profesional.

    Para el desarrollo de este curso de WordPress estamos trabajando con el editor de contenidos Elementor. Es uno de los editores de contenidos m谩s potentes del mercado con el que podemos desarrollar sitios web realmente impresionantes.

    En la lecci贸n, editores de contenido para WordPress, puedes encontrar una rese帽a de los editores de contenido m谩s populares.

    Elementor Page Builder

    Uno de los mejores editores de contenido que puedes instalar para crear un proyecto profesional con WordPress, es聽Elementor. Ofrece una versi贸n gratuita, que puedes instalar desde WordPress y, una de pago, con excelentes opciones de dise帽o.

    Es r谩pido, fiable y poderoso. Se adapta perfectamente a "casi" cualquier tema y posee una estructura perfecta para el desarrollo de sitios web profesionales.

    3. Estructura inicial del sitio web

    En la lecci贸n,聽primeros pasos para crear un proyecto con WordPress, te he sugerido聽crear una estructura inicial antes de comenzar a trabajar con WordPress. Es un simple Excel en el que podemos聽organizar nuestro sitio web.

    Vamos a recordar el Excell:

    Excel con la estructura inicial de un proyecto en WordPress (sitio web)
    Excel con la estructura inicial de un proyecto en WordPress (sitio web)

    En la imagen anterior, se muestra un ejemplo de una聽estructura b谩sica聽para el desarrollo de un sitio web con WordPress, hecha en Excel.

    • Los聽n煤meros en rojo indican la posici贸n que tendr谩 cada apartado en el men煤 principal y secundario del sitio web. Esta numeraci贸n tambi茅n corresponder谩 con el campo Orden de cada p谩gina en WordPress.
    • La columna聽MENU聽ser谩 el nombre que llevar谩 cada apartado del men煤.
    • La columna聽T脥TULO聽ser谩 el t铆tulo principal de cada apartado.
    • La columna聽URL聽es el enlace permanente (URL amigable) de cada p谩gina.

    Puedes聽descargar el fichero Excel聽desde el enlace:聽estructura inicial.

    4. Conociendo una p谩gina en WordPress

    Como te he mencionado en el punto 2.4, actualmente WordPress ha integrado Gutenberg como editor de contenidos y la apariencia de la p谩gina ha cambiado.

    Para conocer una p谩gina en WordPress, dir铆gete al apartado P谩ginas y entra en cualquiera de ellas.

    Componentes de una p谩gina en WordPress
    Componentes de una p谩gina en WordPress

    Lectura recomendada...

    En la lecci贸n, URLs amigables en WordPress, puedes encontrar una completa informaci贸n para que aprendas a crear enlaces (URLs) amigables para mejorar el SEO en WordPress.

    5. Creando todas las p谩ginas del sitio web

    Vamos a聽crear todas las p谩ginas聽que compondr谩n nuestro sitio web聽teniendo en cuenta la estructura inicial聽(Excel) que te he propuesto en el punto 3. Puedes crear tu propia estructura inicial seg煤n las necesidades de tu proyecto.

    Actualmente se encuentran creadas la聽p谩gina de Inicio聽y la p谩gina de聽pol铆tica de privacidad. Estas p谩ginas se crean autom谩ticamente cuando instalamos WordPress por primera vez.

    Y te preguntar谩s, 驴por qu茅 existe una p谩gina de聽pol铆tica de privacidad?

    Esto es porque, a partir del pasado 25 de mayo de 2018, entr贸 en vigor la聽Ley Org谩nica de Protecci贸n de Datos聽(RGPD) en muchos pa铆ses as铆 que por defecto WordPress incluye esta p谩gina en su instalaci贸n.

    Si te fijas, esta p谩gina est谩 creada pero no publicada. Se encuentra como聽Borrador聽por lo que solo tendr谩s que modificarla con los datos correspondientes a la ley de tu pa铆s y publicarla.

    Vamos a crear el resto de las p谩ginas siguiendo nuestro Excel:

    1. Dir铆gete al apartado聽P谩ginas >> A帽adir nueva.
    2. En el t铆tulo principal, escribe el t铆tulo de la p谩gina (para este ejemplo,聽Con贸cenos).
    3. En el campo聽Orden聽del bloque聽Atributos de p谩gina聽escribe el n煤mero聽2.
    4. El campo聽Enlace permanente es la URL de la p谩gina. WordPress la asignar谩 teniendo en cuenta el t铆tulo principal aunque puedes modificarla si deseas.
    5. Haz clic en el bot贸n聽Publicar.
    Creando una nueva p谩gina en WordPress
    Creando una nueva p谩gina en WordPress

    Realiza el mismo procedimiento con el聽resto de p谩ginas.

    En la聽estructura inicial聽(Excel) hemos enumerado 4 grupos de p谩ginas:

    1. P谩ginas principales: hay que crearlas y estar谩n ubicadas en el men煤 principal del sitio web.
    2. P谩ginas secundarias: hay que crearlas y estar谩n ubicadas en el men煤 del pi茅 de p谩gina del sitio web.
    3. P谩ginas de la tienda: estas p谩ginas se crear谩n autom谩ticamente cuando instalamos WooCommerce. Podr谩s encontrar m谩s informaci贸n sobre como crear una tienda online con WordPress en el curso de WooCommerce.
    4. P谩ginas adicionales: vamos a crear una p谩gina 404. En la lecci贸n,聽crear una p谩gina 404 en WordPress, veremos como se crea y cu谩l es su funci贸n en un sitio web.

    La p谩gina聽T茅rminos y condiciones solo es necesaria cuando creamos una tienda online en nuestro sitio web. Si no vas a tener una tienda online, no hace falta crear esta p谩gina.

    Una vez creadas todas las p谩ginas, dir铆gete al apartado聽P谩ginas. WordPress mostrar谩 un聽listado de todas las p谩ginas聽en el mismo orden que has indicado en el campo聽Orden聽de cada p谩gina (coincidiendo con el Excel).

    Listado de p谩ginas en WordPress
    Listado de p谩ginas en WordPress

    Para聽mejorar la vista de las p谩ginas, vamos a modificar algunos par谩metros generales de este apartado. En la parte superior derecha de la pantalla haz clic en la pesta帽a聽Opciones de pantalla.

    Ver谩s lo siguiente:

    • Columnas. Estas son las columnas con los par谩metros de cada p谩gina. Marca o desmarca las casillas que quieres visualizar.
    • Paginaci贸n. Es la cantidad de p谩ginas que puedes ver en la pantalla. Puedes dejarlo como est谩.

    Una vez realices esta acci贸n, haz clic en el bot贸n聽Aplicar.

    Par谩metros de las p谩ginas en WordPress
    Par谩metros de las p谩ginas en WordPress

    En la lecci贸n, creando las p谩ginas del sitio web, veremos que contenido podemos y debemos a帽adir a cada una de estas p谩ginas.

    6. Elementor en una p谩gina

    Despu茅s de crear todas las p谩ginas de nuestro sitio web, tenemos que comenzar a a帽adir el contenido. Si vas a trabajar con Gutenberg no tendr铆as que hacer nada m谩s. Solo entrar en la p谩gina y comenzar a crear el contenido.

    En nuestro caso, vamos a trabajar con el editor de contenidos Elementor.

    En la lecci贸n instalaci贸n y configuraci贸n de Elementor, puedes encontrar m谩s informaci贸n para instalar y configurar este fant谩stico plugin.

    Una vez hayas instalado y activado Elementor, dir铆gete al apartado P谩ginas y entra en cualquiera de ellas. Ver谩s como ahora aparece el bot贸n Editar con Elementor.聽Si haces clic en el bot贸n, acceder谩s a Elementor y podr谩s comenzar a crear contenido en la p谩gina.

    Editar con Elementor desde una p谩gina en WordPress
    Editar con Elementor desde una p谩gina en WordPress

    Dir铆gete nuevamente al apartado P谩ginas. Ver谩s el listado de p谩ginas en WordPress pero聽algo diferentes que al principio.

    Editar con Elementor desde el listado de p谩ginas en WordPress
    Editar con Elementor desde el listado de p谩ginas en WordPress

    Cuando editamos una p谩gina por primera vez con Elementor,聽Elementor a帽ade un aviso y un enlace directo聽a cada p谩gina que ser谩 visible en el listado de p谩ginas.

    Como puedes apreciar en la imagen anterior, se ha a帽adido el mensaje聽Elementor聽en el t铆tulo de la p谩gina y el enlace聽Editar con Elementor聽en el men煤 de la p谩gina.

    De esta manera聽podemos editar la p谩gina directamente con Elementor聽sin tener que entrar primero en la p谩gina.

    7. SEO en las p谩ginas

    Una vez creada una聽p谩gina en WordPress, habr谩 que optimizarla para el SEO de manera que se pueda indexar y posicionar en los buscadores.

    En la lecci贸n,聽SEO para WordPress, puedes encontrar informaci贸n actualizada para la instalaci贸n y configuraci贸n del聽plugin Yoast SEO聽y algunas recomendaciones para mejorar el posicionamiento de un sitio web.

    Si est谩s utilizando el plugin Yoast SEO:

    1. Dir铆gete al apartado P谩ginas y accede a la p谩gina.
    2. Dir铆gete a la pesta帽a聽Yoast SEO.
    3. Indica una聽Frase clave objetivo.
    4. Haz clic en聽Editar snippet聽e indica un t铆tulo en el campo聽T铆tulo SEO. Por defecto el plugin mostrar谩 el t铆tulo principal de la p谩gina pero puedes modificarlo a tu gusto.
    5. Indica una descripci贸n en el campo聽Descripci贸n meta.
    6. En聽An谩lisis SEO, el plugin mostrar谩 si existen mejoras que realizar en el contenido para mejorar la puntuaci贸n SEO.
    7. Una vez hayas terminado, haz clic en聽Actualizar.
    SEO en una p谩gina en WordPress
    SEO en una p谩gina en WordPress

    8. 驴Indexar o no indexar?

    Cuando creamos un sitio web, queremos que se indexen y posicionen todas las p谩ginas, entradas, y productos pero te pregunto:

    No es una pregunta trampa y, aunque cada qui茅n tiene su criterio,聽creo que no tiene sentido聽que estas p谩ginas se indexen en Google.

    Si vamos a hacer SEO en nuestro sitio web, lo mejor es invertir el tiempo en los apartados que en realidad nos interesan:聽los que generan dinero.

    Si tienes instalado el plugin Yoast SEO, veamos聽c贸mo bloquear estas p谩ginas聽para que no se indexen en Google:

    1. Entra en cualquiera de las p谩ginas que quieras bloquear.
    2. Haz clic en la pesta帽a Avanzado del bloque Yoast SEO.
    3. En el selector聽驴Permitir a los motores de b煤squeda mostrar esta P谩gina en los resultados?聽selecciona聽No.
    4. Selecciona聽No聽en聽驴Deber铆an los motores de b煤squeda seguir enlaces en esta P谩gina?
    5. Haz clic en聽Actualizar.
    Bloqueando la indexaci贸n de p谩ginas con Yoast SEO
    Bloqueando la indexaci贸n de p谩ginas con Yoast SEO

    Dir铆gete al apartado聽P谩ginas. Ver谩s que el sem谩foro de Yoast聽se ha encendido de color azul聽en las p谩ginas que has bloqueado.

    Esto significa que聽ninguna de estas p谩ginas聽se va a indexar en Google.

    Bloqueando la indexaci贸n de p谩ginas con Yoast SEO
    Bloqueando la indexaci贸n de p谩ginas con Yoast SEO

    Google es muy caprichoso聽y, a veces, hace lo que le da la gana. Por esto, puede que este procedimiento聽no sea suficiente聽para bloquear las p谩ginas y termine index谩ndolas.

    En la lecci贸n,聽crear una cuenta en Google Search Console, veremos una t茅cnica adicional para聽no indexar estas p谩ginas en Google.

    Anuncio publicitario

    9. Conclusi贸n

    Despu茅s de esta lecci贸n, est谩s list@ para comenzar a crear p谩ginas y empezar a construir tu sitio web. Han sido muchos pasos hasta poder llegar a este punto pero ya ver谩s como todo ha valido la pena.

    En siguientes lecciones comenzaremos a trabajar con el dise帽o de las p谩ginas que compondr谩n nuestro sitio web.

    驴Te ha gustado?

    Te estar铆a muy agradecido si pudieras valorar esta entrada y compartirla en tus redes sociales. De esta manera me animas a continuar trabajando en este proyecto y ayudas a otras personas que desean aprender.

    (16 votos, promedio: 4.9 de 5)

    Facebook
    Twitter
    WhatsApp
    Telegram
    Email

    驴Me invitas un caf茅?

    Todo el contenido que puedes encontrar en este sitio web es gratis y siempre lo ser谩 pero, mantenerlo, requiere de muchos caf茅s y muuuuchas horas . Si te gusta mi trabajo y te est谩 ayudando, considera invitarme un caf茅 para apoyarme y apoyar este proyecto. 隆Te invito un caf茅!.

    Suscr铆bete y aprende WordPress desde cero

    No me gusta el SPAM y se que a ti tampoco. S贸lo recibir谩s informaci贸n 煤til sobre WordPress.

    Al enviar, confirmas que has le铆do y aceptas la pol铆tica de privacidad. Conoce nuestro compromiso con tu privacidad.

    Comparte tu experiencia

    Deja un comentario si tienes alguna duda o cu茅ntanos c贸mo ha sido tu experiencia.

    guest
    10 Comentarios
    Inline Feedbacks
    Ver todos los comentarios
    Victoria

    Hola. Al intentar bloquear las p谩ginas con Yoast SEO para que no se indexen, no me aparece la pesta帽a de "Avanzado". Lo 煤nico que aparece es el An谩lisis SEO y el bot贸n de Mejora tu entrada con Yoast SEO. Configur茅 el plug in ya tres veces tal y como lo has indicado y no cambia. 驴Qu茅 podr铆a estar haciendo mal?

    Gian Oliveira

    Hola Victoria, es muy raro porque acabo de revisar la 煤ltima versi贸n de Yoast SEO (v.14.5) y si que aparece esta pesta帽a. Es posible que no hayas activado los ajustes de SEO para los tipos de contenido. Esto lo puedes hacer desde el apartado SEO >> Apariencia en el buscador, pesta帽a Tipos de contenido. En la lecci贸n, SEO para WordPress, puedes ver c贸mo se hace. Un saludo!

    Victoria

    Muchas gracias, Gian. Ya lo hice nuevamente tal cual en la lecci贸n y sigue sin aparecerme, tengo la misma versi贸n (v.14.5). Entro a la p谩gina desde el apartado de P谩ginas y le doy clic en el nombre de la p谩gina que quiero bloquear. 驴O se debe de hacer desde el "Editar con Elementor"? Si es as铆, ah铆 dentro tampoco me aparece nada.

    Gian Oliveira

    Hola Victoria, pues no sabr铆a que decirte. La lecci贸n sobre Yoast SEO la hice sobre la marcha configurando el plugin y haciendo los pantallazos. Es bastante raro. No hace falta que entres en Elementor. 脡l bloqueo de las p谩ginas se hace desde el editor de WordPress. Como 煤ltima soluci贸n, desactiva todos los plugins, desinstala y borra Yoast y vuelve a instalarlo y prueba nuevamente pero sin activar ning煤n otro plugin. A veces algunos plugins como Yoast suelen presentar fallos por causa de otros plugins. En caso que no funcione, escribe directamente a los desarrolladores del plugin desde aqui: soporte Yoast. Si funciona, activa uno a uno los dem谩s plugins y verifica que todo siga funcionando. As铆 descartas cu谩l es el plugin que da problemas. Saludos!

    Victoria

    Muchas gracias! Al final me funcion贸 revisar el soporte de Yoast y me ayudaron estas dos respuestas junto con tu ayuda: How to No-index y Where did advanced settings go. Las comparto por si te funcionan a ti mismo o a alguien m谩s. Saludos y muchas gracias! 馃榾

    Gian Oliveira

    Hola Victoria, me alegra saber que te ha funcionado. Muchas gracias por compartir el comentario. Un saludo!

    JEP993

    Hola Gian, existe alg煤n plugin o plantilla para dar contenido a las p谩ginas de Aviso Legal, pol铆tica de cookies y pol铆tica de privacidad?

    Gian Oliveira

    Hola Julio, estos textos legales suelen ser muy personalizados teniendo en cuenta el contenido de tu sitio web. Igualmente hay empresas que se dedican a redactar estos contenidos de manera "est谩ndar" y luego se pueden adaptar a tu sitio web. Dame un par de d铆as y te paso el enlace de una de estas empresas que es de confianza. Un saludo!

    JEP993

    Al descargar Elementor me encuentro que aparentemente funciona todo bien pero no puedo mover los widgets, aparece un s铆mbolo de prohibido. Lo he reiniciado de nuevo y sigue igual. tengo algo mal parametrizado? sabes cu谩l es el error?

    Gian Oliveira

    Hola Julio, en la nueva versi贸n de Elementor (Lite) aparecen algunos widgets de la versi贸n PRO con un candado. Esto significa que estos widgets s贸lo se pueden utilizar si compras la licencia PRO en este enlace: Elementor PRO. Un saludo!

    10
    0
    驴Dejas un comentario? Gracias!x
    ()
    x
    Search
    Generic filters

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Suscribirte a la lista de correos electr贸nicos.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.

    Tratamiento de datos personales

    • Responsable: MARIA ANTONIETA BEAUTY CONCEPT, S.L.
    • Finalidad: Moderar y responder comentarios de usuarios.
    • Derechos: Podr谩s ejercer tus derechos de acceso, rectificaci贸n, limitaci贸n y suprimir los datos en legal@cursowordpress.com, as铆 como el derecho a presentar una reclamaci贸n ante una autoridad de control.
    • Destinatarios: Los datos no se ceder谩n a terceros salvo en los casos en que exista una obligaci贸n legal.
    • Informaci贸n adicional: En mi聽pol铆tica de privacidad encontrar谩s informaci贸n adicional sobre la recopilaci贸n y el uso de su informaci贸n personal incluida informaci贸n sobre acceso, conservaci贸n, rectificaci贸n, eliminaci贸n, seguridad y otros temas.