Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas
Mostrando entradas con la etiqueta diseño web. Mostrar todas las entradas

01 mayo 2016

Promoción web mayo

Si tienes un restaurante y necesitas una web, este mes de mayo es el momento de ponerse a ello, porque sólo durante este mes, tu página web para restaurante con reservas costará 200 € en lugar de 500.

Contacta conmigo y tendrás una página web con diseño minimalista de acorde a las nuevas tendencias en diseño web, optimizada para SEO (posicionamiento en buscadores) y con un diseño responsivo que la permita adaptarse automáticamente a cualquier tamaño de pantalla.

Secciones de la página web

La página web incluye una página principal con una fotografía en grande con un eslogan o frase destacada. Debajo de la fotografía se puede poner información sobre las especialidades, un ejemplo de menú del día, información sobre el restaurante, etc.
También tendrás una sección ¿Quiénes somos? en la que podrás incluir información sobre el restaurante, los cocineros y camareros, etc.
Incluye también la sección Nuestras especialidades con fotografías e información sobre las especialidades de tu restaurante, podrás poner todas las que quieras.
Tendrás también una galería con fotografías para que puedas enseñar tu restaurante a tus visitantes. Todas las fotografías las podrás gestionar desde la página de administración con la que cuenta la web.
También está la sección Carta en la que podrás publicar tu carta de comidas para que tus clientes ya lleguen con la comida escogida ;) La carta se puede editar desde la página de administración. En esta carta podrás poner información sobre los alérgenos si así lo deseas.
Por último está la sección Contacto en la que aparecerán tus teléfonos y email de contacto, la dirección, el horario de cocina, un mapa de Google Maps con la localización de tu restaurante y un breve formulario de contacto enlazado a tu correo electrónico.

Opción reservas

Este mes, en el precio incluyo una sección Reservas desde la que tus clientes podrán reservar mesa para una fecha determinada.
Aquí podrán indicar la fecha, el número de comensales y si van a comer o a cenar. La web comprobará si hay mesas disponibles en base a la configuración establecida y asignará las mesas necesarias para ese grupo. En el caso de ser necesario, la web reservaría 2 o más mesas para juntarlas.
Para poder reservar, los visitantes tendrán que introducir un email, un nombre y un teléfono de contacto.

Página de administración

Tu nueva web cuenta con una página de administración para que puedas modificar ciertas cosas tú mismo sin necesidad de contactar conmigo.
Desde esta página podrás añadir y eliminar fotografías, gestionar las comidas incluidas en la carta, y ver y gestionar las reservas y la configuración de las mesas.
El formato de esta página de administración es muy sencillo para que te sea fácil hacer modificaciones, aunque no te preocupes que te explicaré como funciona todo.

Dominio incluido en el precio

En el precio está incluido un año de un dominio .com, .es, .eu o .net con su correspondiente alojamiento. Posteriormente costará 55 € al año. Si deseas proteger tu marca comprando varios dominios, cada dominio adicional te costará 10 € más al año.

No lo pienses más, recuerda que sólo estará durante mayo a ese precio.

Y si estás buscando una web para tu negocio, no dudes en contactar conmigo para que te ofrezca un presupuesto personalizado.
Si quieres ver ejemplos de las páginas web que ya he realizado entra en mi página web.

¿Qué te parece la oferta? ¿y las características de la web? ¿cambiarías o añadirías algo? ¿estás interesado en una web así? Deja tu comentario. Y si conoces a alguien que le pueda interesar, comparte esta entrada con él.

Saludos

03 julio 2015

Filtra visitas spam en tu web

¿Has recibido visitas no deseadas en tu web? ¿Tienes más de 20 visitas desde una misma web y no sabes por qué tu página web está ahí enlazada? Sigue leyendo, te tengo la solución.

Semalt, 4webmasters, social-buttons, hulfingtonpost, buttons-for-website, simple-share-buttons, googlsucks, Get-Free-Traffic-Now, free-share-buttons, event-tracking, webmonetizer, floating-share-buttons... Son páginas web que generan de forma automática, insistente e incontrolable mucho tráfico de referencia a nuestra web.
Imagino que muchos de vosotros tenéis visitas desde aquí (por eso estáis aquí leyendo esto).

¿Pero qué son estás webs?

Los que habéis curioseado ya lo sabréis, pero los que no, poco os perdéis. En esas webs, os ofrecerán ayudaros con el posicionamiento en buscadores (SEO), mejorar la web, conseguiros visitas... todo ello por un módico precio, claro está. Si estáis buscando un servicio así, pues no dudéis en comparar precios y contratar la que mejor precio/servicio os ofrezca, arriba tenéis todas con las que hasta el día de hoy me he encontrado.
De todos modos, viene bien filtrar estas visitas para que no os den estadísticas muy bonitas pero erróneas.

Si estás pensando "¿yo tengo visitas de estas?", puedes saberlo fácilmente si, en Google Analytics, pones un periodo muy amplio y luego entras en "Adquisición > Todo el tráfico > referencias". Si aquí ves alguna de estas webs u otras que no reconozcas, pues aquí tienes visitas no deseadas o spam.

¿Y ahora qué?

Era visto que llegara esta pregunta, al fin y al cabo, estamos aquí justo para solucionarlo. El proceso es muy sencillo, y si os surge cualquier duda, no dudéis en dejar un comentario para que pueda ayudaros.

Primero, identificar las páginas origen de estas visitas

Siguiendo la ruta que había un poco más arriba para llegar a "referencias" encontraremos todas las páginas que han originado visitas spam.
Una vez aquí, nos armamos de un bloc de notas o archivo txt y copiamos todas las web que consideremos spam (espero que no me consideréis facebook, twitter o las webs con las que tenéis contratada publicidad o intercambio de enlaces como spam porque dejaréis de saber cuántas visitas vienen por ahí).

Segundo, dar el formato necesario a esos textos

Para poder crear un filtro no podemos poner el texto que hemos copiado así de golpe porque lo más probable es que no pase nada. Tenemos que darle el formato que google analytics necesita. Esto es muy fácil:
  • Básicamente consiste en suprimir el subdominio si lo traen (ya que así filtrará todas las visitas desde el dominio principal y no tendremos que crear uno por cada subdominio con casos de web que utilizan los subdominios "site1", "site2"...).
  • Siguiente paso, también muy sencillo: ponemos antes del ".com", ".es" o lo que sea la barra diagonal inversa "\". Esta barra habría que ponerla antes de todos los . si hubiera más.
  • Por último, separar cada una de estas webs con el símbolo OR "|", que es el símbolo que está al lado del 1 pulsando "alt gr".

Listo, ya podemos crear el filtro

Ahora viene el paso más fácil de todo.
  • Entramos en google analytics y vamos al administrador.
  • Seleccionamos en el primer desplegable la cuenta objeto de nuestros filtros.
  • Luego la propiedad y por último la vista.
  • Aquí veréis entre las opciones "Filtros". Los que tengáis varias propiedades en una misma vista, podréis crear un sólo filtro y aplicarlo a todas las propiedades entrando en "Todos los filtros" que aparece en la columna Cuenta.
  • Ahora crearemos un filtro nuevo. Le asignamos un nombre que queramos y en tipo de filtro escogemos "personalizado".
  • Como lo que queremos es hacer un filtro que excluya esas visitas, pues lo dejaremos en excluir.
  • El campo del filtro será "Fuente de la campaña" y el patrón del filtro todo lo que hemos preparado antes.
  • Por último, podéis darle a "verificar este filtro" para ver qué pasaría y comprobar si funciona. Si estáis en "Todos los filtros", sólo tendréis que escoger las vistas a las que aplicar este filtro.
  • Ahora guardar
Y ya está solucionado

Cabe destacar que este filtro no tiene carácter retroactivo y sólo se aplicará a las próximas visitas que recibáis, pero veréis como descienden esas visitas falsas.
Os recomiendo que cada cierto tiempo reviséis las páginas que hay en "referencias" ya que siempre hay nuevas :(

Por último, como detalle a todos los que os hayáis leído esto, os dejo aquí el texto que tengo puesto yo en patrón y que he ido elaborando a base de añadir cada página nueva que aparece ;)
(Actualizado a 27/07/2015)

4webmasters\.org|social-buttons\.com|hulfingtonpost\.com|buttons-for-website\.com|simple-share-buttons\.com|semalt\.com|googlsucks\.com|Get-Free-Traffic-Now\.com|free-share-buttons\.com|event-tracking\.com|webmonetizer\.net

Y en otro filtro porque en 1 sólo no hay espacio:
floating-share-buttons\.com|www\.Get-Free-Traffic-
Now\.com|traffic2money\.com|trafficmonetizer\.org


¿Tenéis visitas desde otras webs? Déjalas en un comentario para ayudarnos a evitar que nos lleguen a nosotros con el tiempo, yo las iré añadiendo al texto de arriba para que sólo sea copiar y pegar.
Si os parece interesante esta entrada no os olvidéis de compartir con vuestros amigos.

Saludos y muchas gracias por leerme

07 noviembre 2014

Tendencias 2015 en diseño web

Con la presentación de la nueva interfaz de Gmail para Android y teniendo en cuenta el diseño de Windows 8 y sus apps y la remodelación del ya desaparecido Hotmail (ahora Outlook) y todas las demás funcionalidades de esa web nos podemos ya aventurar a hablar de lo que serán las futuras tendencias en cuanto al diseño web (y apps) se refiere. Aún queda más de mes y medio para el 2015, pero no creo que cambien las cosas, es más, poco a poco todos los sitios web irán modificando su diseño teniendo muy presentes estas tendencias.


Sé que ya hay mucha gente que ha hablado de estas tendencias, pero aquí pretendo mostrar de una manera quizá algo subjetiva cómo serán las páginas web y apps en un futuro muy próximo. Quiero dejar muy claro que no soy un experto en el tema y es posible que este texto incluya errores o no sea todo lo correcto que esperarán los grandes profesionales del sector, pero espero que sirva de ayuda a esos pequeños profesionales que mantienen la página web de su negocio, su página personal o la de un amigo, o incluso aquellos con una cartera de clientes reducida y limitada al "boca a boca" (como yo).

Atrás han quedado ya todas esas webs llenas de fotografías superdecoradas acompañadas de grandes parrafadas de texto y todo ello revuelto en la misma página de inicio de manera que cualquier visitante se sentiría agobiado y perdido en esa web...
También (demos gracias por ello) han desaparecido las animaciones (tanto GIF como Flash) que, además de cansarnos, nos exigían el uso de equipos algo decentes para moverlas (sobre todo con Flash). Incluso había páginas enteras creadas en este lenguaje, cosa que provocaba que Google no fuera capaz de indexarlas correctamente y con el abandono de Flash por parte de Adobe los usuarios de Smartphones se quedaron sin poder hacer uso de esas webs. Cierto es que con HTML5, CSS3 y JavaScript es posible hacer las mismas animaciones (o incluso mejores), pero en las nuevas tendencias apenas hay lugar para ello sino es para cosas muy concretas.

Paso a dar pequeñas claves de cómo son esas tendencias para que todos vosotros podáis adaptaros a ello. Quiero destacar que no es obligatorio ni mucho menos el migrar a este diseño conocido como "Flat Design" (o "Diseño plano" en castellano). Hay páginas web que no necesitan este cambio, como por ejemplo páginas web de arte, en las que se busca mostrar un diseño sofisticado (antes que útil).

El diseño plano, como su nombre indica, utiliza colores "planos", es decir, sin degradados ni transparencias. Lo normal es que los botones carezcan de bordes redondeados (o sean prácticamente imperceptibles) al igual que de sombras.
La página web se suele asentar en aproximadamente 2 o 3 colores como mucho, aunque se puede utilizar una escala de grises para el fondo de algunas zonas.
Los efectos del "hover", es decir, cuando el cursor se sitúa sobre una zona interactiva, suelen ser muy sutiles, oscureciendo o aclarando el color principal o invirtiendo el color del fondo y el principal.
Los botones interactivos suelen ser todos del mismo color o agrupados con un mismo color para cada función o característica similar.
Los dibujos o iconos que utiliza la web son monocromáticos. En ocasiones se puede utilizar uno o dos colores para algunos elementos que queramos resaltar.
Habitualmente se evita el uso de fotografías y, de ser necesarias, se busca que sean lo más simples posible y que contengan pocos elementos de fondo (siendo preferible un fondo blanco o similar al del tema de la web).
Es muy interesante que, a la hora de escoger los iconos a utilizar, estos sean lo suficientemente claros como para poder utilizarlos sin texto, está comprobado que apenas leemos, miramos los iconos y en base a ellos decidimos a dónde ir.
También se suele evitar el uso de texto (de mucho texto). Ahora se busca más el ser conciso y no andarse con rodeos para no hacerles perder el tiempo a nuestros visitantes.

Por esta vez es todo, seguro que pronto escribiré alguna palabra más sobre este tema.

Y vosotros, ¿ya habéis adaptado vuestra web al "Flat Design o tenéis pensado no hacerlo? Cuéntame tu punto de vista sobre esto...