¬Ņ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.

    (14 votos, promedio: 4.9 de 5)

    Share on facebook
    Facebook
    Share on twitter
    Twitter
    Share on whatsapp
    WhatsApp
    Share on telegram
    Telegram
    Share on email
    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.