Categorías
Genbeta

BestOfThemes es un nuevo buscador de temas para tu blog o web centrado en las previsualizaciones

Si estás pensando en crear un blog personal o una página web para un proyecto o empresa, desde hace años tienes disponibles una gran multitud de índices en los que encontrar temas con los que darles el aspecto que andas buscando. Pero estas páginas suelen centrarse más en ofrecer la máxima cantidad de resultados que en permitirte saber antes de nada cómo va a quedar cada uno. Por eso, te exigen tener que dar varios clicks hasta llegar a las previsualizaciones.

Best of Themes es un nuevo buscador de temas que ha nacido para ofrecer ideas renovadas a un sector que llevaba tiempo estancado. Su principal idea no es la de ofrecerte la mayor cantidad de resultados posibles por página, sino la de centrarse en las previsualizaciones para que sepas antes de hacer el primer click si el tema es lo que estás buscando o no.

Categorías
Diseño web

Lista de verificación esencial para lanzar un sitio en WordPress

Gracias a un ebook de iThemes les traigo esta lista de verificación para lanzar un sitio en WordPress sin problemas.

Tener una lista de verificación es importante. Los pilotos y astronautas la usan en cada vuelo; y en las cirugías, verificar con lista es parte del procedimiento ordinario. Al tener una lista tenemos todo por escrito y no necesitamos usar notas mentales. También sirve para que no nos perdamos de nada importante. Así que asegúrate de haber pensado en todo al hacerla.

Aunque lo mejor es hacer una lista propia, aquí te recomendamos una. Puedes añadir o quitar lo que creas conveniente. Además, conforme vas ganando experiencia, puedes modificar la lista para futuros lanzamientos.

Cómo crear tu primera lista de verificación

  • La próxima vez que lances un sitio web, escribe todos los pasos que te han tomado en el camino.
  • Divide tu lista en pre-lanzamiento, lanzamiento y post-lanzamiento.
  • Agrupa los ítems similares debajo de cada sección para ahorrar tiempo. La lista se tiene que completar en orden secuencial.

Lista de pre-lanzamiento

  • Traduce el tema que has escogido.
  • Quita todo el texto dummie o Lorem Ipsum.
  • Verifica el texto y corrige los errores gramaticales o de puntuación.
  • Todos los links funcionan correctamente.
  • Confirma que los detalles de la página de contacto son correctos.
  • Video y audio ítems son correctos y en el formato apropiado.
  • Los archivos PDF están apropiadamente enlazados y comprobados.
  • Página 404 creada y adaptada.
  • Viejas URLs están redireccionadas con 301 hacia las nuevas URLs.
  • Asegúrate de tener la licencia para imágenes, fonts, plugins, etc.
  • Confirma los Gravatars del cliente están con sus respectivas direcciones email.

Diseño del sitio web

  • Imágenes están correctamente dispuestas y están optimizadas a la web (tamaño y peso).
  • Sitio se ve bien en Chrome.
  • Sitio se ve bien en Firefox.
  • Sitio se ve bien en Internet Explorer.
  • Sitio se ve bien en Safari.
  • Sitio se ve bien en cualquier navegador adicional que haya solicitado el cliente.
  • Diseño responsive comprobado en smartphones de tamaño estándar.
  • Diseño responsive comprobado en tablets de tamaño estándar.
  • Favicon funciona.
  • Header o Logo de la empresa está enlazado a la página de inicio.

Funcionalidad de la web

  • La página carga en menos de 3 segundos.
  • Todos los formularios envían la data correctamente.
  • Todos los formularios están enviando a la dirección correcta de email.
  • Todos los formularios muestran de forma correcta el mensaje o la redirección al enviar.
  • Los formularios de autorespuesta están funcionando correctamente.
  • Todos los links externos se abren en una nueva pestaña.
  • Íconos de redes sociales funcionan.
  • Publicación en redes sociales funciona correctamente.

SEO

  • Todas las páginas y posts tienen un título único menor a 70 caracteres.
  • Todas las páginas y posts tienen una meta descripción única menor a 156 caracteres.
  • Todas las páginas y posts tienen menos de 10 palabras clave que aparecen en la copia de la página.

Plugins
Los plugins indispensables están instalados y activados adecuadamente (ya depende de la necesidad de cada uno añadir dichos plugins).

Opciones de WordPress

  • General: Título del sitio y descripción son correctas.
  • General: Zona horaria es correcta.
  • General: Email de administrador es correcto.
  • Escritura: Confirma Categoría por default, sino crea una categoría por default.
  • Discusión: Confirma opciones de comentarios y moderación.
  • Permalinks: Confirma que las opciones de permalinks no sean por default para mejorar el SEO

Lista de lanzamiento

Para nuevos sitios

  • Configura el nuevo dominio en cPanel.
  • Configura la nueva base de datos y usuario en cPanel.
  • Cambia los DNS del dominio para que apunte correctamente a los servidores de tu hosting
  • Comprueba el sitio para ver errores en la pantalla.
  • Comprueba links rotos y redirecciones.

Para sitios existentes

  • Configura el nuevo dominio en cPanel.
  • Configura la nueva base de datos y usuario en cPanel.
  • Comprueba el backup previo de tu web.
  • Cambia los DNS del dominio para que apunte correctamente a los servidores de tu hosting.
  • Comprueba el sitio para ver errores en la pantalla.

Lista de post-lanzamiento

Esta lista se comprueba después de que el sitio esté online y corriendo, pero no necesariamente cuando se ha lanzado oficialmente.

Plugins

  • Activar cache del sitio.
  • Comprobar problemas con URLs en los sliders.
  • Comprueba cualquier problema en un custom posts.

SEO

  • Activa visibilidad del sitio en Opciones/ Lectura.
  • Construye tu primer mapa de sitio y suscríbete a los buscadores.
  • Conéctate a Google Analytics.
  • Activa Google Analytics en tu sitio.
  • Conectarse a Google Webmaster Tools.
  • Conectarse a Bing Webmaster Tools.
Categorías
Diseño web

Quiero una página web barata

En la última semana un par de propuestas se me cayeron por el tema presupuestario. Piden una página web barata. Se diría que estoy con la sangre en el ojo. No me parece que cobre caro, pero existe una percepción equivocada sobre cuánto debería costar una página web.

“¿Una web? Eso lo hace mi sobrino en dos patadas”. Así piensan muchos, y luego terminan con unos esperpentos poco profesionales, desactualizados y de baja calidad.

Cuando un futuro cliente me contó que se iba por un presupuesto que le ofrece la tercera parte de lo que le pedía, lo único que le pude responder fue: Ten cuidado.

¿Qué requisitos necesita una buena página web?
starbucks

  • Que esté disponible en todas las plataformas, o sea, que la experiencia del usuario sea igual de buena en computadoras de escritorio, móviles y tablets.
  • Que cumpla los objetivos para la que está diseñada: ventas, contactos, solicitudes, etc.
  • Que cuente con un sistema de estadísticas para ver cómo se mueven los visitantes en la página y de dónde vienen.
  • Que sea fácil de actualizar.

Hacer una página web de este estilo, requiere un proceso largo, profesional y casi científico… y eso tiene su precio.

La pregunta que se deberían hacer los que quieren una página web no es cuánto me va a costar, sino cuántos clientes espero conseguir. Y luego pensar qué es lo que haría un visitante si tuviese una web poco profesional y de baja calidad. A las finales, lo barato, sale caro.

Categorías
Diseño web

9 GIFs animados que te explican lo que es responsive design

¿Qué es el diseño responsivo o responsive design? La mayoría respondería vagamente que se refiere a los sitios webs que funcionan igual de bien en una pc de escritorio como una tablet o un smartphone. Pero es mucho más que esto.

Sin embargo los principios del responsive design no son difíciles de entender, gracias a esta colección de GIFs animados hechos por Froont, una empresa especializada en hacer herramientas para crear sitios responsivos.

Los diseños responsive se expanden con fluidez, mientras que los diseños adaptados se demoran un poco.

responsive vs adaptative
[hr]

Posicionar los elementos de diseño usando píxeles como coordinadas X, Y pueden causar que un sitio diseñado en una pantalla se vea raro en otra. Hay que usar unidades relativas, como porcentaje de pantalla en vez de unidades como píxeles.

3038367-inline-i-2-9-gifs-that-explain-responsive-design-brilliantly-02relative-units-vs-static-units-1-copy
[hr]

A medida que el tamaño de la pantalla se vuelve más pequeño, el contenido empieza a tomar más espacio vertical y todo lo que está debajo baja con él. Esto se llama el flujo (flow).

3038367-inline-i-4-9-gifs-that-explain-responsive-design-brilliantly-04flow-vs-static-2-copy
[hr]

Los puntos de quiebre (breakpoints) permiten que la caja cambie en puntos predefinidos. Por ejemplo: Se tienen 3 columnas en la PC de escritorio, pero solo una columna en un dispositivo móvil.

3038367-inline-i-3-9-gifs-that-explain-responsive-design-brilliantly-03with-breakpoints-vs-without-breakpoints-1-co
[hr]

Usar elementos anidados (nesting) para que los objetos en la pantalla se expandan o encojan como un grupo en vez de individualmente.

3038367-inline-i-5-9-gifs-that-explain-responsive-design-brilliantly-05nested-vs-not-nested-1-copy
[hr]

A veces es bueno que un contenido abarque todo el ancho de la pantalla, pero en pantallas grandes como un TV tiene menos sentido.

3038367-inline-i-7-9-gifs-that-explain-responsive-design-brilliantly-07max-width-vx-no-max-width-1-copy
[hr]

Técnicamente no hay mucha diferencia si un proyecto empieza por una pantalla pequeña hacia una gran pantalla (mobile first) o viceversa (desktop first). Sin embargo se notan mejor las limitaciones y posibilidades del diseño si empiezas primero por lo móvil.

3038367-inline-i-8-9-gifs-that-explain-responsive-design-brilliantly-08desktop-first-vs-mobile-first-3-copy
[hr]

¿Tus íconos tienen muchos detalles y efectos? Entonces usa bitmaps. Si no, trata de usar vectores. Una imagen vectorial se adapta mejor a diferentes resoluciones.

3038367-inline-i-9-9-gifs-that-explain-responsive-design-brilliantly-09vectors-vs-images-1-copy
[hr]

Fuente: Fast Company

Categorías
Comunicación

Alianza Lima tiene más de 3 millones en Facebook. El mejor en las redes sociales.

Alianza Lima golea en las redes sociales. El equipo de fútbol de Perú supera a su rival Universitario de Deportes en Facebook y tiene más de 3 millones 22 mil seguidores.

Sin embargo, su tasa de compromiso, que indica qué tan activa es su comunidad, es un poco más baja que la de Universitario.

Alianza Lima
3 022 179 (3.37%)
Universitario
2 624 990 (3.5%)
Sporting Cristal
722 127 (6.68%)

Por otro lado, el actual campeón del fútbol peruano, Sporting Cristal, tiene menos seguidores, pero una comunidad más activa y participativa. Esto no es casualidad, puesto que Cristal ha sido el equipo que más gente ha llevado al estadio en el campeonato pasado.

Webs oficiales

alianzacristal

En cuanto a las páginas web oficiales, Alianza Lima es la que tiene una página más actualizada, seguida por la de Sporting Cristal. La de Universitario, en cambio, está totalmente abandonada.

La web de Universitario se ve abandonada. Una pena.
La web de Universitario se ve abandonada. Una pena.

En lo referente al diseño, ninguno de ellos es espectacular. Se nota que Cristal se ha centrado en usar su homepage para destacar el próximo partido de presentación que tendrán el 24 de enero, sin embargo el enlace, que bien podría ser un call to action, lleva a una página interior y no a la de la venta de los tickets del partido. O sea, hizo un buen pase en profundidad, pero falló la definición.

Hablando en argot futbolístico:

El equipo con más hinchas: Alianza Lima
La mejor barra (compromiso): Sporting Cristal

Alianza fuera del fútbol

Es llamativo ver cómo el club está realizando una serie de acciones en los que aprovecha su marca. Según un informe de Mercado Negro, Alianza Lima tuvo más ingresos por marketing que por taquilla.

Muestra de ello es que ya ha salido una película sobre la tragedia del Focker y otra recién estrenada.

AVIÓN: Último Trailer de la película 'F-27', film inspirado en la tragedia de Alianza Lima.


Blanquiazul, El Sentir De Una Nación Trailer "Matute"

Ni qué decir del excelente video de presentación de su nueva camiseta.

Alianza Lima y el emotivo video antes de la presentación de su camiseta

Por otro lado, es el único equipo que puede contar con grandes figuras del fútbol internacional como Pizarro, Guerrero y Farfán para un partido de exhibición. Y su tienda blanquiazul está llena de recuerdos y souvenirs. Todo esto es señal de una buena administración del club. Solo falta los títulos necesarios para mantener los ánimos arriba.