Como se hizo la web de Rafa Nadal

Rafa Nadal

Rafa Nadal, es el mejor tenista Español de todos los tiempos, una leyenda, viva y lo mejor, en activo, reciente campeón en Montecarlo y Barcelona.

Soy un gran aficionado al tenis, desde pequeño y suelo seguir no solo a Rafa, a toda la armada Española por toda la temporada de tenis. Suelo visitar páginas de temática tenis como la web oficial de la ATP, pero curiosamente no había visitado la web de Rafa Nadal.

Tiene varias, su web oficial www.rafaelnadal.com, la de su academia www.rafanadalacademy.com y la de su fundación www.fundacionrafanadal.org, igualmente Rafa es muy activo en redes sociales, las habituales, twitter, facebook, pinterest, suele colgar fotos y videos, pero en esta ocasión me voy a centrar en su web oficial www.rafaelnadal.com.

Analizando la web de Rafa Nadal

Web Rafa Nada analisis

Me esperaba una web bien realizada, y de hecho lo está, es una web muy visual, con fotografías muy profesionales, tipo portfolio, con pocas secciones, Día a día (sin terminar o en obras) About, sección con una breve bio, Quotes, donde hay varias frases o citas y una sección de Fans, que quizá sea la que más me guste, ya que Rafa invita a los fans que se han fotografiado con el, a que le envíen su foto para que la publique (el o quien se encargue de gestionar la web, que será lo más seguro, pero me puedo equivocar).

También hay una apartado para los sponsors y un menú de navegación minimalista, de estos que hay que hacer clic para desplegarlo.

Pero, a mi, esta web me suena y al tirar de código fuente para ver las tripas veo que está realizada con WordPress, mola, y además lo tiene actualizado a la última versión, felicidades, la web está mantenida y eso es muy importante, no solo hay que dar ejemplo en las pistas, también en la web, por lo que podemos decir que Rafa es un tipo que está en forma, dentro y fuera de la pista.

Un punto negativo para la web, es que no corre bajo protocolo seguro https://, no tiene certificado de seguridad para el dominio, si tiene uno de servidor, pero no asociado al dominio y esto es algo que yo recomiendo corregir para evitar pantallazos como este:

aviso de protocolo inseguro

Como comentaba anteriormente, esta web me suena y es que utiliza un tema llamado Verve apoyado en un child-theme. El tema Verve (de Pirenko) lo podemos encontrar en Themeforest y comprarlo por 64 dólares.

Tema WordPress Verve

De hecho, la web de Rafa Nadal está basada en una demo del tema llamada Carousel Porfolio.

Demo Carousel portfolio

No estoy en contra de usar temas multipropouse, demos, para eso están, pero quizá para la web de nuestro campeón me esperaba algo más exclusivo, no por utilizar un tema a modo framework, más por personalizarlo un poco más, a simple vista solo se ha cambiado el logotipo y las fotos, pero sigue siendo una web muy bonita y de fácil navegación que es lo que importa.

Los plugins de la web de Rafa Nadal

Tirando un poco más a fondo, me llama la curiosidad de saber los plugins, que plugins utiliza la web y para qué.

Para averiguar los plugins de una web construida con WordPress podemos utilizar webs, que simplemente introduciendo la url podemos saber «algunos» de los plugins que utiliza, como por ejemplo www.whatwpthemeisthat.com, pero soy más de código fuente y leer entre líneas, botón derecho, ver código fuente.

La web de Rafa Nadal utiliza el popular plugin Builder constructor o maquetador web Visual Composer.

visual Composer plugin builder para WordPress

Visual Composer lo podemos obtener en la web de Codecanyon por 34 dólares, pero como es un tema de Themeforest, seguramente estará incluido en los extras del teme, cosa que tiene sus contras, y es que si no compras la licencia del plugin, no tienes actualizaciones, hasta que el tema lo actualiza el desarrollador y eso no mola. Siempre recomiendo que si compras un tema que incluye plugins, lo mejor es comprar las licencias por separado, para asegurarte de que siempre puedes actualizar a la última versión. Sinceramente, no puedo saber si han comprado o no la licencia a parte, pero lo recomiendo por los motivos explicados anteriormente.

Como no podía ser de otra manera, la web de Rafa Nadal tiene que estar en varios idiomas, en su caso en dos, Castellano e Inglés, para este caso han utilizado el popular plugin multilingüe WPML, que nos proporciona las herramientas para tener nuestra web en varios idiomas, el coste de la licencia depende, va desde los 29 dolares para licencia blog, 79 dolares para la versión CMS o la licencia de por vida y sitios ilimitados por 195 dolares.

WPML plugin WordPress para traducir

 

Para el tema SEO, han utilizado el popular plugin Yoast SEO

Plugin de seo Yoast SEO

Yoast SEO lo podemos obtener gratuitamente en el repositorio de WordPress y si queremos opciones más avanzadas podemos comprar la versión profesional Yoast SEO Premium por 69 dólares. Aunque siendo muy sincero, a la web de Rafa Nadal no necesita que le hagan mucho SEO, es una web que por la cantidad de visitas que recibe, el nombre de dominio y por el mismo, se posiciona ella solita.

A Rafa le gusta cumplir con la ley y por eso utiliza un plugin de Cookies para cumplir con las normas europeas, en este caso utilizan el plugin UK Cookie Consent, que igualmente lo podemos obtener gratuitamente en el repositorio oficial de WordPress.

UK Cookie Consent plugin de cookies para WordPress

La web carga bastante rápido e igualmente se navega bastante rápido, pese a utilizar WPL que suele ralentizar un poco la carga de las webs. Para esta misión de velocidad utilizan un plugin de cache, también bastante popular y uno de mis preferidos, WP Fastest Cache.

WP Fastest Cache plugin de cache para WordPress

Creo que se le saca poco provecho a este plugin, ya que analizando en PageSpeed Insight, los resultados que obtenemos tanto para móvil como para web, son «flojitos»

PageSpeed Insights

Configurando correctamente WP Fastes Cache, para habilitar la compresión y minificar html, CSS y javascript, los resultados serían bastante mejores, pero la web carga rápido y eso es lo que importa.

Conclusión

La web de nuestro campeón está realizada con nuestro CMS favorito, WordPress, es elegante, tiene una fácil navegación, las fotos son espectaculares, carga rápido, no abusa de plugins, está en dos idiomas.

Podemos decir que es una web Low Cost, por lo menos por los componentes, harina de otro costal es el coste de la realización, cosa que yo defiendo a capa y espada, cada uno cobra lo que cobra y punto. No cobras por lo que usas, cobras por tu tiempo y tus conocimientos.

Como cualquier web, tiene puntos de mejora, como la exclusividad, la optimización o el certificado SSL para correr bajo protocolo seguro, pero para mi gusto es una web muy bonita, principalmente por las fotos y esa sección de Fans. No tiene mucho contenido, como aficionado y Fan me gustaría una bio más completa y que figurara más información de los torneos ganados, fechas, contrincantes, etc, a los aficionados y Fans del tenis nos encantan los datos de nuestros ídolos y Rafa tiene datos espectaculares como para presumir, a fecha de hoy, 14 torneos Grand Slam, 2 medallas de oro olímpicas, 4 copas Davis con la selección y 71 títulos en torneos de la ATP y lo que le queda.

Recursos

En este post he mencionado, temas y plugins, unos de pago y otros gratuitos, en la siguiente lista dispones de todos los links a los recursos utilizados en la web de Rafa Nadal.

Todo el material gráfico son capturas de pantalla, del tema y plugins y la fotos de Rafa Nadal capturas de pantalla de su web oficial www.rafaelnadal.com