Teléfono: 650 30 91 26
Diseño Intuitivo
Teléfono: 650 30 91 26
19 Nov 2018
Comentarios: 0

5 razones para invertir en un diseño web profesional

razones para invertir en un diseño web profesional

En el mundo online hay una competencia feroz y dispuesta a dejarte sin tu trozo de pastel. Todo negocio online necesita de una página web para poder iniciar sus ventas o servicios. La clave no siempre está en ofrecer los mejores precios o los productos únicos, sino que a veces reside en la manera de mostrarlos. Tener una web de calidad es algo muy importante hoy en día, y por ello hoy te contamos 5 razones por las que deberías apostar por el diseño web profesional.

Tener un sitio rápido, atractivo y funcional puede ser la clave para empezar a vender más que tus competidores. Tener una web bonita y muy poco funcional no es válido, pues acabarás frustrando a tus posibles clientes. El equilibrio va más allá del branding o de la funcionalidad de la web. En la ecuación entran detalles como el SEO, la estrategia SEM o la adaptabilidad a los dispositivos móviles.

 

Las claves por las que deberías invertir en un diseño web profesional

Vivimos en una época en la que los diseños planos y arcaicos han dejado paso a creaciones muy cuidadas. Recuerda que no eres Amazon y que por lo tanto no te vale cualquier cosa para vender productos o servicios. Tu página debe transmitir armonía a la vez que funciones interesantes y formatos de compra sencillos. Hoy te contamos 5 cosas que un diseño web profesional aportará a tu sitio para mejorar tus ventas y posicionamiento.

1.- Sin SEO no eres nadie: el tráfico web se resume en buscadores. El más importante en nuestro país es Google y tu página debe contar con los parámetros necesarios para aparecer en las búsquedas de los usuarios que más se acercan a tu cliente ideal. Es uno de los apartados más importantes y aunque no es mágico, si está bien implementado crecerá gradualmente hasta convertirse en una de tus armas principales para atraer clientes. En resumen, una buena optimización SEO hará que aparezcas por encima de tu competencia en buscadores como Google, Bing o Yahoo.

2.- Un diseño funcional sin miles de opciones: los usuarios que buscan tu producto no quieren estar varios minutos buscando las opciones de compra o las formas de pago. Crear una web intuitiva y funcional puede ser mucho más interesante que rellenar tu web con decenas de menús y colapsar al usuario. Además, un diseño sencillo ayudará a que tu página cargue mucho antes y beneficiará al SEO.

3.- Los móviles son el presente: el tráfico móvil es el rey en la actualidad y es algo que debes tener muy en cuenta. Es muy probable que casi todo tu tráfico sea móvil, por lo que debes tener un diseño responsive de calidad. La tendencia actual nos demuestra que las webs con fluidez y diseño similar a las aplicaciones son las que triunfan en casi todos los sectores.

4.- No abandones tu web: tener una web de calidad no significa empezar a generar dinero y dejarla en el olvido. Todo sistema necesita un mantenimiento y tu web no es diferente. Asegúrate de que el profesional que has contratado te ofrece un servicio de mantenimiento para el alta de usuarios, la gestión del stock, la creación de contenido o para resolver los problemas técnicos que puedan surgir más adelante. Por lo general es un servicio barato que acabas amortizando en poco tiempo.

5.- No olvides tus redes sociales: la estrategia SEM es muy importante en los tiempos que corren. Asegúrate de gestionar bien tus redes sociales, ofrecer un contenido adecuado para tu target y acorde con el diseño y funcionalidad de tu web. Las RRSS pueden ser un gran apoyo para generar tráfico en una primera fase, y hecho también ayudan a reforzar el posicionamiento en buscadores gracias a la creación constante de links hacia tu web.

Ahora que ya conoces las ventajas de contratar un servicio de diseño web profesional solo debes encontrar uno que se adapte a tus necesidades y presupuesto. Los hay de todo tipo y bien implementados pueden mejorar considerablemente tus ventas. ¿Te hemos convencido o necesitas más detalles? Te esperamos en Pozuelo de Alarcón.


04 Nov 2015
Comentarios: 1

Cómo eliminar espacio en disco en WordPress: la base de datos

Cómo eliminar espacio en disco en WordPress: la base de datos

Con esta serie acudimos al rescate de aquellos bloggers que han visto cómo el espacio de disco que ocupa su web se vuelve cada vez más grande.

Puede que necesites esto cuando un buen día recibas un email de tu proveedor de servicios de hosting diciendo que te has pasado del plan contratado. O incluso puede que ya lo recibieras hace unos meses: ¿y si estás pagando por un espacio extra que podrías ahorrarte? Leer más


14 Oct 2015
Comentarios: 1

Cómo eliminar espacio en disco en WordPress: archivos y carpetas

Hace un par de semanas publicamos un artículo sobre cómo ahorrar espacio en WordPress optimizando el uso de imágenes. En esta ocasión, nos centraremos en los archivos y carpetas que ya no usamos y que ocupan espacio en nuestro servidor. Estos métodos pueden seros útiles en bastantes situaciones, principalmente si recibís un aviso de vuestro proveedor de hosting diciendo que estáis a punto de superar el límite de espacio en disco. Leer más


01 Oct 2015
Comentarios: 13

Cómo eliminar espacio en disco en WordPress: las imágenes

Cómo eliminar espacio en disco en WordPress

¿Has recibido un email de tu proveedor de hosting diciendo que estás a punto de sobrepasar el espacio en disco?

Muchos planes de hosting limitan el espacio porque al fin y al cabo lo que estamos haciendo es “alquilar” unos superordenadores llamados servidores que permanecen todo el día encendidos y tienen la infraestructura necesaria para soportar miles de consultas de Internet a la vez.

Esos computadores, al igual que nuestro ordenador de casa, tienen discos duros donde almacenan la información. Y muchos proveedores de hosting, a la hora de definir sus planes de contratación, establecen el criterio de que cuanto más espacio usado, más cobran a quienes los alquilan. Si sobrepasas el espacio del plan contratado, estás violando los términos del acuerdo y pueden llegar a suspenderte la página web.

Aquí es posible que te surjan algunas preguntas interesantes: ¿cuánto espacio es mucho espacio?, ¿cuánto espacio de hosting necesito para mi blog? Una instalación típica de WordPress debería ocupar menos de 50Mb de espacio en disco, aunque si añades muchas imágenes y vídeos de calidad puedes llegar hasta los 300Mb. Y luego lo que vayas acumulando tras años de publicar post con sus correspondientes imágenes, vídeos, etc.

Con el tiempo, puede convertirse en un problema. Y de todos modos, la verdad es que es muy recomendable hacer esto de vez en cuando, sin esperar a que tu proveedor te dé un aviso.

Iniciamos con este post una serie de artículos con pautas para ahorrar espacio en el servidor de tu blog WordPress. Hoy, le toca el turno a las imágenes porque son ficheros muy grandes que pueden llegar a representar gran parte del problema.

Aviso importante: Antes de empezar, haz un backup de todo tu sitio web por si acaso. Borrar ficheros e instalar cosas nuevas siempre supone un riesgo, así que más vale que te asegures de tener un “plan B” por si algo sale mal.

1) Eliminar imágenes que no se usan en WordPress

En primer lugar, tenemos las imágenes sin usar que alguna vez subimos a WordPress pero que nunca llegamos a insertar en nuestros post. A mano es facilísimo eliminarlas, solo tenéis que ir a “Medios” y seleccionar “Sin adjuntar” en el desplegable para verlas.

biblioteca-multimedia-sin-adjuntar

Una vez haya aparecido el listado con las imágenes que no se usan, puedes ir seleccionándolas y borrándolas. ¡Listo!

Es un poco tedioso pero funciona. Si quieres hacerlo de forma más automática, sigue estos pasos:

  1. Instala el plugin Media Cleaner y actívalo.
  2. Accede al menú “Ajustes > Media Cleaner”.
  3. Marca la casilla “The Uploads folder will be scanned.” y y presiona el botón de guardar cambios. Esto configura el plugin para analizar si los ficheros en la carpeta “uploads” dentro de “wp-content” se están usando o no.
  4. A continuación, accede al menú “Medios > Media Cleaner” para ver el panel de control del plugin.
  5. Presiona el botón “Scan” de color azul para que el programa muestre los archivos sin usar. Aparecerá un texto junto a los botones que irá indicando el número de archivos leídos. Cuando termine, aparecerá un mensaje tipo “XXX issues found” y un enlace de “Refresh”, púlsalo para mostrar los resultados.
  6. En el listado de abajo, aparecerán las imágenes que no estás usando. En algunos casos, verás que aparece un comentario junto a la ruta similar a esto: “(+ 3 files)”, que significa que además del principal hay otras versiones del archivo.
    La versión gratuita de este plugin solamente permite borrar de uno en uno, así que tendrás que hacer clic en la casilla correspondiente y darle a eliminar para cada caso. La versión Pro no la he probado, pero permite seleccionar todas las imágenes de golpe y ahorrarse este proceso, lo cual es más cómodo pero también un poco menos seguro, ya que no revisas caso por caso.
  7. Después, vuelve a  “Ajustes > Media Cleaner” y marca la casilla “The Media Library will be scanned.” para comprobar esta vez si algún fichero de los que aparecen en los registros de “Medios” no se están usando. Nuevamente, dale al botón “Scan” y refresca para ver el listado.
  8. Aparecerán mensajes como “File not found” (si no se encuentra el archivo) y “Seems not in use” (que significa que el archivo existe pero no lo estás usando). Te recomiendo ver caso por caso, pero en general la consigna es borrar los del segundo tipo y comprobar qué ha ocurrido con los que dice que no encuentra para poder restaurarlos.

¿Por qué no puedo hacerlo directamente borrando las imágenes en la carpeta “uploads”?

Cuando subes una imagen a WordPress, el sistema no solo copia el fichero, también crea una entrada en la base de datos para registrarlo todo: nombre, fecha de subida, etiqueta title, etc. Esta es la información que luego muestra en el panel “Medios”.

Si borras los ficheros a mano, entonces te encontrarás en la Biblioteca Multimedia que aparecen un montón de casillas vacías donde no se muestra la imagen, porque el sistema ya no la encuentra. Algo como esto:

imagenes-borradas

Aparte de que no interesa dejar estos “residuos”, no es conveniente hacerlo así porque estaremos resolviendo solo la mitad del problema: las imágenes ocupan espacio en disco pero también conviene eliminar la información que no usamos en la base de datos para ahorrar espacio.

2) Eliminar versiones de las imágenes

De forma automática, cada vez que subimos una imagen a WordPress, el CMS genera varias copias del fichero en distintos tamaños.

¿Por qué? Piensa por un momento en un post típico, en el que una misma imagen se muestra en distintos sitios:

  • En los listados de artículos, aparece como imagen destacada (en formato cuadrado, por lo general)
  • En el artículo, aparece a un tamaño medio o incluso pequeño
  • Al pinchar en la imagen del artículo, se muestra a tamaño original

Esto en realidad son varios ficheros que WordPress ha creado en el momento de subir la imagen para optimizar el tiempo de carga de la página (si insertásemos las imágenes a tamaño original en los listados, por ejemplo, cada una de ellas pesaría muchísimo y el listado tardaría en cargar). Una imagen cuadrada, otra pequeña, otra mediana, el fichero original…

Sin embargo, muchas veces esto no es necesario. En muchos casos, la imagen aparece a un solo tamaño y el haber generado todas esas versiones ocupa espacio extra sin necesidad. A continuación os explicamos cómo eliminar esos ficheros:

  1. Instalamos el plugin Image Cleanup y lo activamos.
  2. Accedemos al menú “Herramientas > Image Cleanup”
  3. Pulsamos el botón “Index images” que aparece en la parte superior, junto al título, para que se nos muestren todas las imágenes del blog.
  4. Hacemos clic en el enlace “Unreferenced unused images” y marcamos aquellas imágenes que reconocemos que no están en uso. Este plugin sí permite seleccionar muchas al tiempo, pero no os lo aconsejo. Finalmente, vamos al desplegable “Acciones en lote/Bulk Actions” y seleccionamos “Delete”.
  5. Veremos que ahora en la columna “File Exist” aparece para todos ellos el estado “Deleted”. Debemos pasar a la siguiente página de resultados y repetir el proceso hasta que los hayamos borrado todos.

image-cleanup

Si te despistas y borras los que no son, siempre puedes volver al desplegable y seleccionar la opción “Restore moved files”. De todos modos, te aconsejo que antes de darle a “Delete” hagas la prueba de desplazar los archivos con la opción “Move” y compruebes que todo sigue en su sitio antes de borrarlos definitivamente.

Cómo evitar que se generen imágenes a distintos tamaños

Si no quieres que WordPress genere automáticamente versiones extra a diferentes tamaños de las imágenes que subes, debes ir a “Ajustes > Medios” y poner cero en aquellos tamaños de imágenes que sepas que nunca sueles utilizar.

Por ejemplo, si solamente quieres que se genere la miniatura, esto es lo que debes poner:

tamano-imagenes-wordpress

3) Reducir el tamaño de las imágenes

Si acostumbras a subir a tu blog fotografías propias y nunca te has preocupado del espacio, es muy posible que estés subiendo ficheros demasiado grandes. Lo recomendable, tanto para ahorrar espacio como para mejorar el tiempo de carga de tu web, es que subas las imágenes al tamaño al que las vas a usar realmente.

Es decir, si por ejemplo tu blog tiene un ancho máximo de 700 píxeles para los post, no tiene sentido subir imágenes más grandes a menos que precisamente quieras que los lectores pinchen y las vean a toda pantalla (esto no es lo habitual).

¿Y qué pasa si llevamos ya un buen tiempo blogueando, y hemos subido decenas y decenas de imágenes excesivamente grandes?  Si es tu caso no te preocupes porque no vas a tener que bajarlas, editarlas y volverlas a subir. En WordPress suele haber un plugin para todo. Y de hecho, incluso varios.

Os contamos paso a paso cómo usar el que nosotros hemos probado:

  1. Instala Imsanity y actívalo.
  2. Accede al menú “Ajustes > Imsanity”
  3. Indica los tamaños máximos (por defecto el plugin trae 2048 píxeles que se corresponde con una pantalla grande)
  4. Presiona el botón “Search images” de la parte inferior.
  5. Aparecerá un listado de imágenes, con pequeñas casillas junto a ellas que aparecen marcadas por defecto. Desmarca las que no quieras modificar, y presiona “Resize Checked images” para reducirlas.

Además, a partir de ahora Imsanity se ocupará de que ninguna de las imágenes que subas exceda los tamaños indicados, redimensionándolas automáticamente.

imsanity-plugin

…y hasta aquí puedo leer.

Nos vemos en el próximo post de la serie “Cómo eliminar espacio en disco en WordPress”, os dejo con tarea para rato. No dudéis en hacer comentarios si se os presenta alguna duda.

Imagen | Victor en Flickr

 


05 Ago 2015
Comentarios: 1

Comprendiendo un tema de WordPress por dentro

tema de WordPress

La mayoría de las plantillas de WordPress, sin importar lo diferentes que sean sus diseños, están confeccionadas con los mismos componentes. Si no conoces su funcionamiento, hoy te introducimos algunas nociones muy básicas que te ayudarán a desenvolverte con más soltura entre sus ficheros. Una vez que comprendas estas primeras claves, verás que es bastante sencillo empezar a hacer esos pequeños cambios que siempre has querido introducir para mejorar tu blog.

Los temas de WordPress (en inglés, ‘themes’) consisten en una carpeta con ficheros de plantillas escritas en código PHP. Cada una de ellas controla una pieza concreta del aspecto de tu blog y del contenido que se muestra en ella. A grandes rasgos, podemos diferenciar cinco elementos clave:

  1. Los elementos comunes, que aparecen en todas partes sin importar en qué página estás, es decir cabecera, lateral y pie. Se definen en las plantillas header.php, sidebar.php y footer.php, respectivamente.
  2. La portada, controlada desde el fichero index.php
  3. Los post, definidos por el fichero single.php
  4. Las páginas estáticas, como “Acerca de” y “Contacto”, creadas desde el panel de control como “Páginas”
  5. Las páginas dinámicas, que se construyen con contenido extraído de la base de datos dependiendo de lo que el usuario esté viendo: páginas de archivo, páginas de categoría, páginas de autor.

1) Elementos comunes

Header.php

La cabecera (header.php) es un fichero global que muestra el título del blog y la navegación principal (los enlaces a las diferentes secciones, páginas, etc.). También contiene código propio de la cabecera HTML como las etiquetas meta y las llamadas a los ficheros básicos de visualización de la plantilla (css, javascript, el fichero del favicon, etc.)

Sidebar.php

La barra lateral (sidebar.php) define lo que se muestra en la columna que hay en el lateral de nuestro blog. Se pueden establecer diferentes ficheros “sidebar” y controlar cuál aparece dónde desde el fichero “functions.php”. Si el ‘sidebar’ está automatizado mediante widgets, puedes configurarlos desde el panel de control de WordPress, en el menú “Apariencia > Widgets” (http://tudominioweb/wp-admin/widgets.php)

En este trozo de código suelen aparecer los enlaces a los últimos post publicados, los archivos de meses anteriores, las categorías, etc. Por ejemplo en Superblogger además de estos elementos es donde tenemos el campo de suscripción, el buscador y las redes sociales.

Footer.php

El fichero del pie de página (footer.php) suele contener algunos enlaces importantes dentro del blog, la información de copyright y similares. A nivel de código, es indispensable porque cierra todas las etiquetas HTML de la plantilla.

2) Portada (index.php)

El fichero index.php controla el aspecto de la portada del blog. Por defecto, contiene un ‘loop’, un fragmento de código que se encarga de consultar en la base de datos si hay post, y en caso de haberlos, mostrárnoslos. Por defecto, se muestran en orden cronológico ascendiente (es decir, los más recientes primero), porque este es el rasgo definitorio de la organización de contenidos en un blog.

Sin embargo, esto es por defecto. En WordPress existe la posibilidad de indicar al sistema que muestre un fichero .php cualquiera que tengamos en nuestra template desde el panel de control, en el menú Ajustes > Lectura (http://tudominioweb/wp-admin/options-reading.php)

3) Artículos (single.php)

El archivo single.php controla cómo se muestran los post individuales una vez accedes a ellos. Contiene otro ‘loop’ encargado de mostrar el post una sola vez, pero en toda su extensión y con toda la información relacionada (autor, fecha, etiquetas, categorías, etc.)

Contiene llamadas a otros ficheros PHP que controlan aspectos estándar de la plantilla de los artículos, como por ejemplo los trozos de código que controlan los comentarios (comments.php)

Lo más interesante de que los artículos estén en un fichero aparte, es que puedes definir un “sidebar.php” específico para ellos, de forma que no tienes por qué mostrar lo mismo en el lateral de los artículos que en el de la portada.

4) Páginas estáticas (page.php)

En page.php están definidos todos los valores que controlan el aspecto de los contenidos de tipo “página”. Al igual que hemos comentado con single.php, puedes decidir eliminar el ‘sidebar’, poner otro específico para las páginas, o incluir un elemento que no existía en la portada.

Un aspecto muy versátil de WordPress es que puedes definir diferentes plantillas de página para cada página. La forma de hacerlo es muy sencilla, basta copiar page.php, ponerle otro nombre y añadir el siguiente código en la parte superior:

<?php 
/* 
Template Name: Nombredelaplantilla 
*/ 
?>

Después, para conectar la página con la plantilla que acabamos de crear, la editamos desde el panel de control y lo indicamos en la caja del lateral derecho.

5) Páginas dinámicas

Nos referimos a las páginas de los ficheros archive.php, category.php, tag-php, etc. Son páginas que principalmente cumplen la función de listados, y para ello emplean el ‘loop’ que comentábamos antes.

Puedes definir el aspecto de diferentes archivos modificando estas plantillas. Si en el tema que estás editando no existe alguna de estas plantillas, WordPress tomará por defecto index.php. Del mismo modo, si creas la plantilla “category.php” lo que definas ahí sobreescribirá lo que estaba indicado en “archive.php”.

Otros ficheros importantes

Para terminar, os explicamos algunos elementos que hemos mencionado de pasada y que también contribuyen de forma esencial al funcionamiento de un tema en WordPress. Los podemos modificar según nuestras necesidades, y juegan un papel decisivo en la forma en que se muestra nuestro blog:

  • Functions.php. Te permite incluir tu propio código PHP para modificar elementos principales del tema. Se utiliza a menudo para indicar múltiples ‘sidebars’, cambiar el número de caracteres en el “Extracto” o añadir opciones personalizadas al panel de administración.
  • Comments.php. Este fichero controla la forma en la que se muestran los comentarios, aunque puedes sobreescribirlo si utilizas plugins específicos de comentarios como Disqus, que sirve para externalizar la funcionalidad de los comentarios.
  • Style.css. Es el principal fichero CSS de tu tema, lo que significa que es donde se establecen los tipos de letra, los colores, los tamaños de texto, las dimensiones de los elementos y todos los parámetros que tienen que ver con el aspecto visual de la plantilla. También contiene texto en la parte superior que le indica a WordPress cómo se llama el tema, quién es el autor y la URL de su sitio web.

09 Jun 2015
Comentarios: 2

Errores que debes evitar si utilizas WordPress

Errores que debes evitar si utilizas WordPress
WordPress es una plataforma fundamental para todo blogger, ya que nos hace la vida mucho más sencilla. O eso pensamos. En la práctica, por muchas facilidades que tengamos, tendemos a complicarnos la existencia de cualquier manera, y lo peor, somos tozudos hasta para cometer errores. Leer más


03 Jun 2015
Comentarios: 3

Apocalipsis spammer: cómo evitar los comentarios zombis en WordPress

Apocalipsis spammer
Un blog vivo, con una publicación regular y con una comunidad de lectores potente da lugar a un montón de pequeñas tareas de mantenimiento. Al margen de escribir, el blogger se ve obligado a dedicar tiempo a las  actualizaciones del software y los plugins instalados, a la realización de backups, a los pequeños arreglos en el tema de diseño y por último pero no por ello menos importante, la moderación de comentarios. Leer más


23 Jul 2014
Comentarios: 0

Resultados de búsqueda más usables en WordPress

Las plantillas básicas de WordPress traen una página de resultados de búsqueda muy sencilla. Sin embargo, sin necesidad de añadir ningún tipo de plugin, solamente utilizando la programación del propio CMS, podemos mejorar mucho la forma en que se muestran los resultados de búsqueda, especialmente desde el punto de vista de la usabilidad.

En este artículo veremos cómo modificar el código de la plantilla para:

  • Mostrar el número de resultados encontrados
  • Mostrar la búsqueda introducida

Leer más


24 Feb 2013
Comentarios: 2

Emails a un joven blogger: consejos para novatos

Emails joven blogger
Creé mi primer blog en 2005, que en términos de Internet y blogging es casi como la Prehistoria (aunque ya por entonces había muy buenos blogs que llevaban uno o dos años). Por ello, a medida que el “fenómeno blog” se ha ido extendiendo y ha surgido en mis conocidos la inquietud de crearse uno, con frecuencia han acudido a mí para aclarar sus dudas. No porque yo fuera especialmente sabia en la materia, sino simplemente porque ya había pasado por la experiencia antes.

En este artículo, cuyo título es un humilde homenaje a Mario Vargas Llosa y sus Cartas a un joven novelista, he recopilado las consultas más frecuentes que suelen hacer los blogger novatos porque pienso que pueden resultar de utilidad a aquellos que se internan en el fascinante mundo del blogging sin tener ni idea.

O sea, exactamente como yo hace ocho años. Leer más


Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies