Cómo crear un blog de viajes con WordPress

En este artículo vas a ver cómo puedes crear tu blog de viajes desde cero con WordPress y además cómo optimizarlo para el posicionamiento seo y montenizarlo desde el principio.

Te recomiendo que te lo tomes con calma para seguir paso a paso el tutorial ya que es bastante extenso.

Crear un blog de viajes con WordPress

SiteGround: el hosting ideal para crear tu blog por menos de 50€

Para poder crear tu blog, necesitas primero contratar un hosting/alojamiento web y dominio.

El hosting que utilizo en el tutorial es el de SiteGround, el cual, es uno de los mejores hosting para WordPress a nivel internacional. Ofrece un excelente rendimiento y soporte en español.

Cuenta también con la opción de activar un servicio de CDN para que tu web se cargue más rápido en diferentes partes del mundo además de mejorar la seguridad del sitio.

Para un blog de viajes es algo bastante útiles porque es muy común recibir tráfico desde diferentes partes del mundo.

Puedes contratar tu plan de hosting por menos de 50€ con el dominio incluido el primer año.

GenertePress: el mejor tema para blogs de viajes

GeneratePress plantilla WordPress para seo

Uno de los puntos claves a la hora de diseñar el blog es elegir un buen tema WordPress que no de problemas, que tenga actualizaciones constantes y que sea rápido en cargar.

De los blog de viajes que he hecho para clientes, el tema que mejor me ha funcionado y que me han pedido los propios clientes es del GeneratePress Premium.

Te dejo un par de webs hechas con GeneratePress:

nuriainwonderland.com

mochilaexpres.com

Es un tema muy ligero, fácil de personalizar y muy versátil. Además, cuenta con algunas funcionalidades como los hooks condicionales, diseño de cabeceras, páginas, etc.

Si necesitas más información sobre, puedes leer mi review sobre GeneretePress Premium.

Y en el caso de que no tengas presupuesto para comprar GeneratePress Premium, puedes optar por temas gratuitos como Astra o Kadence WP. Ambos tienen una versión gratuita bastante buena y también son temas muy ligeros.

Diseño del blog

Con el tema del diseño no te tienes que complicar demasiado ya que en un blog de viajes lo más importante es que el contenido de tus artículos.

Te tienes que enfocar sobre todo en que tenga buena legibilidad y que sea rápido en cargar.

Puedes empezar tu blog simplemente mostrando las últimas entradas en la portada. Luego más adelante cuando tengas suficiente contenido podrías crear una portada personalizar como la que enseño en el tutorial.

CSS Adicional

Documentación sobre cómo crear un megamenú con GeneratePress.

El siguiente código lo tienes que añadir en Apariencia- Personalizar-> CSS Adicional

/* Estilo imagen destacada */
.wp-post-image {
		width:100%;
    min-height:250px;
		max-height:250px;
    object-fit: cover;
}
.featured-image .attachment-full{
	width:100%
}

.entry-summary{
	display:none;
}

/* margenes blog, archivo y sidebar versión movil */
@media (max-width: 768px) {
	.blog .archive .content-area{
		margin-left:20px;
		margin-right:20px;
		}
	.archive .content-area{
		margin-left:20px;
		margin-right:20px;
		}
	.widget-area .widget {
       margin-left: 20px;
        margin-right:20px;
    }
}
/* Fin margenes blog, archivo y sidebar versión movil */

Crear un megamenú con GeneratePress

/* Estilo Megamenú */

@media (min-width: 769px) {
    nav .main-nav .mega-menu {
        position: static;
    }

    nav .main-nav .mega-menu > ul {
        position: absolute;
        width: 100%;
        left: 0 !important;
        display: flex;
        flex-wrap: wrap;
    }



    nav .main-nav .mega-menu>ul>li {
        display: inline-block;
        width: 25%;
        vertical-align: top;
    }

    nav .main-nav .mega-menu.mega-menu-col-2>ul>li {
        width: 50%;
    }

    nav .main-nav .mega-menu.mega-menu-col-3>ul>li {
        width: 33.3333%;
    }

    nav .main-nav .mega-menu.mega-menu-col-5>ul>li {
        width: 20%;
    }

    nav .main-nav .mega-menu > ul > li:hover > a,
    nav .main-nav .mega-menu > ul > li:focus > a,
    nav .main-nav .mega-menu > ul > li[class*="current-"] > a,
    nav .main-nav .mega-menu ul ul {
        background-color: transparent !important;
        color: inherit;
    }

    nav .main-nav .mega-menu ul .sub-menu {
        position: static;
        display: block;
        opacity: 1;
        visibility: visible;
        width: 100%;
        box-shadow: 0 0 0;
        left: 0;
        height: auto;
        pointer-events: auto;
        transform: scale(1);
    }

    nav .main-nav .mega-menu ul.toggled-on .sub-menu {
        pointer-events: auto;
    }

    nav .main-nav .mega-menu .sub-menu .menu-item-has-children .dropdown-menu-toggle {
        display: none;
    }
}
/* Fin Megamenú */

Te dejo el enlace a la documentación de cómo crear un megamenú con GeneratePress.

Código para HTML para añadir los enlaces a las páginas legales en el footer:

Copyright © 2024 | nombreweb.com | <a href="/aviso-legal/" rel="nofollow">Aviso Legal</a> | <a href="/politica-de-privacidad/" rel="nofollow">Política de privacidad</a> | <a href="/politica-de-cookies/" rel="nofollow">Política de cookies</a>

Elige los colores para tu blog

Lo ideal es que te bases los colores de tu blog en base a los colores de tu logo, pero si todavía no tienes definidos los colores puede usar la siguientes páginas:

Plugins esenciales para un blog de viajes

Aquí tienes una lista de los plugins que no debería de faltar en tu instalación de WordPress.

SEOPress

Plugins imprescindible para poder optimizar tu web para el posicionamiento web. En el tutorial te explico cómo configurarlo.

Como alternativa a este plugin podrías utilizar YoastSEO, Rank Math o similar, pero tienes que tener un plugin de este tipo instalado en tu blog.

Elementor

Plugin con el que podrás diseñar tu blog sin tocar código. Con la versión gratuita te puedes apañar, aunque te recomiendo comprar la versión premium ya que te va permitir crear formularios des suscripción, pop-ups, mostrar los últimos artículos de forma dinámica, etc.

Para más info te dejo el enlace a la review de Elementor Pro

Spectra

Con este addón para gutenberg podrás hacer que tus posts sean más atractivos visualmente. Icluso lo podrías usar como una alternativa a Elementor y crear el diseño de tus páginas o la portada del blog con Gutenberg.

GenerateBlocks

Este es otro addon para Gutenberg desarrollado por la empresa de GeneratePress. Es más «básico» que el de Spectra, pero igualmente me parece muy buena opción.

Solid Security

Plugin para mejorar la seguridad de tu web. Te dejo el tutorial sobre cómo configurarlo.

WPvivid Migration

Aunque el hosting haga copias de tu web, siempre es bueno tener copias de seguridad propias y almacenarlas fuera de tu servidor.

Con este plugin además de hacer copias de seguridad puedes migrar tu web a otro hosting.

Scriptless Social Sharing

Plugin para añadir los botones para compartir al final de los artículos de tu blog. Es un plugin muy ligero que apenas va afectar a la velocidad de carga de tu web que es lo importante.

Admin and Site Enhancements (ASE)

Es un plugin multiuso que añade varias funcionalidades bastante útiles a WordPress como poder duplicar los artículos, sustituir imágenes, mejorar la seguridad, desactivar widgets innecesario de WordPress, etc.

En el tutorial te explico cómo hacer una configuración básica.

Honeypot Anti-spam

Plugin muy básico para prevenir el SPAM en los comentarios de tu blog. Solo tienes que instalarlo y listo. Si desactivas los comentarios de tu blog no hace falta que lo uses.

Site Kit by Google

Plugin con el que podrás vincular tu blog con las herramientas de Google como Analytics y Search Console.

Adapta RGPD

Con este plugin podrás generar unos textos legales gegéricos para las páginas de Aviso Legal, Política de privacidad y Política de Cookies.

WP Rocket

Es uno de los mejores plugins de cache para WordPress con el que podrás mejorar la velocidad de carga de tu blog. Es un plugin de pago, pero merece la pena.

Para más información te dejo el tutorial sobre WP Rocket.

Lo tienes incluido(con licencia vitalicia) en mi servicio de Web Starter Pro junto con otros plugins premium.

Accede al audio para tener una web sencilla y eficaz desde la facilidad de WordPress​

Además de otros recursos que te ayudarán a crear o mejorar tu web.​

Responsable: Serhiy Kolomiychuk. Finalidad: Gestionar y enviar información de boletines y promociones a través de correo electrónico. Legitimación: Tu consentimiento. Destinatarios: Tus datos se guardan en MailChimp. Derechos: Tienes, entre otros, derecho a acceder, rectificar y suprimir tus datos cuando quieras.

Deja un comentario

Protección de datos