{"id":8507,"date":"2017-05-02T12:10:05","date_gmt":"2017-05-02T10:10:05","guid":{"rendered":"https:\/\/www.host-fusion.com\/blog\/?p=8507"},"modified":"2017-05-02T13:41:01","modified_gmt":"2017-05-02T11:41:01","slug":"como-se-hizo-la-web-de-rafa-nadal","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2017\/05\/02\/como-se-hizo-la-web-de-rafa-nadal\/","title":{"rendered":"Como se hizo la web de Rafa Nadal"},"content":{"rendered":"

\"Rafa<\/a><\/p>\n

Rafa Nadal<\/strong>, es el mejor tenista Espa\u00f1ol<\/strong> de todos los tiempos, una leyenda, viva y lo mejor, en activo, reciente campe\u00f3n en Montecarlo<\/strong> y Barcelona<\/strong>.<\/p>\n

Soy un gran aficionado al tenis, desde peque\u00f1o y suelo seguir no solo a Rafa<\/strong>, a toda la armada Espa\u00f1ola por toda la temporada de tenis. Suelo visitar p\u00e1ginas de tem\u00e1tica tenis como la web oficial de la ATP<\/strong>, pero curiosamente no hab\u00eda visitado la web de Rafa Nadal<\/strong>.<\/p>\n

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

Analizando la web de Rafa Nadal<\/h1>\n

\"Web<\/a><\/p>\n

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

Tambi\u00e9n hay una apartado para los sponsors<\/strong> y un men\u00fa de navegaci\u00f3n minimalista, de estos que hay que hacer clic para desplegarlo.<\/p>\n

Pero, a mi, esta web me suen<\/strong>a y al tirar de c\u00f3digo fuente para ver las tripas veo que est\u00e1 realizada con WordPress<\/strong>, mola, y adem\u00e1s lo tiene actualizado a la \u00faltima versi\u00f3n, felicidades<\/strong>, la web est\u00e1 mantenida y eso es muy importante, no solo hay que dar ejemplo en las pistas, tambi\u00e9n en la web, por lo que podemos decir que Rafa<\/strong> es un tipo que est\u00e1 en forma, dentro y fuera de la pista.<\/p>\n

Un punto negativo<\/strong> para la web, es que no corre bajo protocolo seguro https:\/\/<\/strong>, 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:<\/p>\n

\"aviso<\/a><\/p>\n

Como comentaba anteriormente, esta web me suena y es que utiliza un tema llamado Verve<\/strong> apoyado en un child-theme<\/strong>. El tema Verve<\/strong> (de Pirenko<\/strong>) lo podemos encontrar en Themeforest<\/strong> y comprarlo por 64 d\u00f3lares<\/strong>.<\/p>\n

\"Tema<\/a><\/p>\n

De hecho, la web de Rafa Nadal<\/strong> est\u00e1 basada en una demo del tema llamada Carousel Porfolio.<\/strong><\/p>\n

\"Demo<\/a><\/p>\n

No estoy en contra de usar temas multipropouse, demos, para eso est\u00e1n, pero quiz\u00e1 para la web de nuestro campe\u00f3n<\/strong> me esperaba algo m\u00e1s exclusivo, no por utilizar un tema a modo framework<\/strong>, m\u00e1s por personalizarlo un poco m\u00e1s, a simple vista solo se ha cambiado el logotipo y las fotos, pero sigue siendo una web muy bonita y de f\u00e1cil navegaci\u00f3n que es lo que importa.<\/p>\n

Los plugins de la web de Rafa Nadal<\/h1>\n

Tirando un poco m\u00e1s a fondo, me llama\u00a0la curiosidad de saber los plugins<\/strong>, que plugins utiliza la web y para qu\u00e9.<\/p>\n

Para averiguar los plugins de una web construida con WordPress<\/strong> podemos utilizar webs, que simplemente introduciendo la url podemos saber \u00abalgunos\u00bb de los plugins que utiliza, como por ejemplo www.whatwpthemeisthat.com<\/strong>, pero soy m\u00e1s de c\u00f3digo fuente<\/strong> y leer entre l\u00edneas, bot\u00f3n derecho, ver c\u00f3digo fuente.<\/p>\n

La web de Rafa Nadal utiliza el popular plugin Builder<\/strong> constructor o maquetador web Visual Composer.<\/strong><\/p>\n

\"visual<\/a><\/p>\n

Visual Composer<\/strong> lo\u00a0podemos obtener en la web de Codecanyon<\/strong> por 34 d\u00f3lares<\/strong>, pero como es\u00a0un tema de Themeforest<\/strong>, seguramente estar\u00e1 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 \u00faltima versi\u00f3n. Sinceramente, no puedo saber si han comprado o no la licencia a parte, pero lo recomiendo por los motivos explicados anteriormente.<\/p>\n

Como no pod\u00eda ser de otra manera, la web de Rafa Nadal<\/strong> tiene que estar en varios idiomas<\/strong>, en su caso en dos, Castellano<\/strong> e Ingl\u00e9s<\/strong>, para este caso han utilizado el popular plugin multiling\u00fce<\/strong> WPML<\/strong>, 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\u00f3n CMS o la licencia de por vida y sitios ilimitados por 195 dolares.<\/p>\n

\"WPML<\/a><\/p>\n

 <\/p>\n

Para el tema SEO<\/strong>, han utilizado el popular plugin\u00a0Yoast SEO<\/strong><\/p>\n

\"Plugin<\/a><\/p>\n

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

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

\"UK<\/a><\/p>\n

La web carga bastante r\u00e1pido e igualmente se navega bastante r\u00e1pido, pese a utilizar WPL que suele ralentizar un poco la carga de las webs. Para esta misi\u00f3n de velocidad utilizan un plugin de cache, tambi\u00e9n bastante popular y uno de mis preferidos, WP Fastest Cache<\/strong>.<\/p>\n

\"WP<\/a><\/p>\n

Creo que se le saca poco provecho a este plugin, ya que analizando en PageSpeed Insight<\/strong>, los resultados que obtenemos tanto para m\u00f3vil como para web, son \u00abflojitos\u00bb<\/p>\n

\"PageSpeed<\/a><\/p>\n

Configurando correctamente WP Fastes Cache<\/strong>, para habilitar la compresi\u00f3n y minificar html, CSS y javascript, los resultados ser\u00edan bastante mejores, pero la web carga r\u00e1pido y eso es lo que importa.<\/p>\n

Conclusi\u00f3n<\/h1>\n

La web de nuestro campe\u00f3n est\u00e1 realizada con nuestro CMS favorito, WordPress<\/strong>, es elegante, tiene una f\u00e1cil navegaci\u00f3n, las fotos son espectaculares, carga r\u00e1pido, no abusa de plugins, est\u00e1 en dos idiomas.<\/p>\n

Podemos decir que es una web Low Cost<\/strong>, por lo menos por los componentes, harina de otro costal es el coste de la realizaci\u00f3n, 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.<\/p>\n

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

Recursos<\/h1>\n

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.<\/p>\n