Home » wordpress

Category Archives: wordpress

Qué es una Base de datos MySQL La gestión de bases de datos más extendida del mundo.

MySQL es un sistema para la gestión de base de datos con más de seis millones de instalaciones en el mundo, y que por lo tanto es el más extendido dentro de las aplicaciones relacionadas. MySQL funciona como software libre dentro del esquema de licencias GNU GPL. MySQL fue inicialmente desarrollado por MySQL AB (empresa fundada por David Axmark, Allan Larsson y Michael Widenius). MySQL AB fue adquirida por Sun Microsystems en 2008, y ésta a su vez fue comprada por Oracle Corporation en 2010, la cual ya era dueña desde 2005 de Innobase Oy, empresa finlandesa desarrolladora del motor InnoDB para MySQL.

 

 

 

Más de seis millones de instalaciones en el mundo

MySQL es muy utilizado en aplicaciones web como WordPress, PhpBB, MediaWikio Drupal, en plataformas (Linux/Windows-Apache-MySQL-PHP/Perl/Python), y por herramientas de seguimiento de errores como Bugzilla. Su popularidad como aplicación web está muy ligada a PHP, que a menudo aparece en combinación con MySQL. MySQL es una base de datos muy rápida en la lectura, lo que hace a MySQL ideal para este tipo de aplicaciones.

Al contrario de proyectos como Apache, donde el software es desarrollado por una comunidad pública y los derechos de autor del código están en poder del autor individual, MySQL es patrocinado por una empresa privada, que posee el copyright de la mayor parte del código. Esto es lo que posibilita el esquema de doble licenciamiento anteriormente mencionado. La base de datos se distribuye en varias versiones, una Community, distribuida bajo la Licencia pública general de GNU, versión 2, y varias versiones Enterprise, para aquellas empresas que quieran incorporarlo en productos privativos.

Podemos contemplar una base de datos como un gran almacén donde guardar la información de nuestra página a la que asistimos cuando queremos buscar contenidos referentes a la misma. Cuanto más ordenada tengamos nuestra base de datos, menos nos costará acceder a ella y encontrar la información de nuestra página, y cuanto más limpia y ordenada la tengamos, menos nos costará acceder a esa información y más rápido podrá cargar nuestra página los contenidos. Optimizar una base de datos MySQL es una de las prácticas habituales de mantenimiento de nuestra página.

¿Cómo optimizar nuestra Base de Datos MySQL?

Optimizar nuestra base de datos con phpMyAdmin

Si hemos entrado en nuestro cPanel, probablemente nos habremos fijado en la sección “Bases de datos” y en una herramienta de la que allí disponemos: phpMyAdmin. Es una herramienta que nos permite administrar las bases de datos contenidas en nuestro servidor directamente desde nuestro Panel de Control, sin ninguna instalación complementaria. Tenemos que tener en cuenta que podemos hacer muchos cambios desde esta herramienta, incluso borrar completamente nuestra base de datos, así que si no sabes lo que estás haciendo o es la primera vez que te metes en vereda, recomendamos que hagas un backup de la BBDD previamente.
Para acceder, nos logueamos en nuestro cPanel y vamos a la sección Bases de datos > phpMyAdmin

A continuación nos aparecerá en una nueva pestaña la aplicación, en la que se nos muestran a la izquierda en formato de árbol las bases de datos que poseemos. Hacemos click en el nuestro nombre de usuario y descubrimos todas las bases de datos que hemos ido creando. En nuestro caso aparecen tres, que son las bases de datos que se corresponden a los tutoriales que vamos haciendo para los usuarios: yarttamz_jmltuto para los tutos de joomla, yarttamz_pstutos para los de prestashop y yarttamz_wptuto para los de wordpress.

Vamos a pinchar en la base de datos de WordPress para que se nos desplieguen las tablas que contiene. En la parte baja, vemos un menú desplegable en el que haciendo click, nos aparece la opción “Optimizar la tabla”. Seleccionamos las tablas que queramos optimizar (en nuestro caso todas) y hacemos click en ”Optimizar tabla”.

Esto es un proceso automatizado que lanzará la siguiente consulta:
OPTIMIZE TABLE `nombre_de_la_tabla`, `nombre_de_la_tabla`

Optimizar nuestra base de datos con un plugin

Para esta forma de optimización, tenemos que descargarnos e instalar un plugin que cumpla con dicho propósito. Nosotros hemos escogido WP-Optimize. Lo primero es instalar el plugin desde la sección Plugins > Añadir nuevo y a continuación, activarlo. Tras esto, la opción WP-Optimize aparecerá en la parte izquierda de nuestro menú.

Tras hacer click en la aplicación, nos aparecen dos tipos de opciones: de optimización y de limpieza. Si tan solo queremos optimizar la base de datos, dejaremos seleccionada únicamente la opción “Optimizar tablas de la base de datos” y haremos click en “Procesar”

Ya tendríamos nuestra base de datos optimizada con WP-Optimize. Aparte de estas dos opciones, podemos gestionar nuestras bases de datos nosotros mismos. Por supuesto, con conocimientos de SQL y sabiendo qué es lo que estamos alterando. Una simple consulta mal formulada puede echar por tierra todo nuestro trabajo, por lo que nunca está de más tener un backup o copia de seguridad de nuestras bases de datos a buen recaudo.

 

cabify

 

Joaquín Aguilar.

¿Qué le sobra a mi WordPress? Cómo detectar elementos innecesarios en WordPress

¿Qué me sobra en mi WordPress?. Con WordPress se pueden hacer muchas cosas, blogs, tiendas online, foros incluso meter la pata. Todo esto es posible a la gran versatilidad de este gestor de contenidos y a toda la colección de plugins que existen. Además, con cada versión del core de WordPress, se suelen añadir nuevas características que hacen que WordPress sea cada vez más compatible y sencillo de usar, pero a cambio cada vez consume más recursos.

En la mayoría de los casos no son necesarias todas las peticiones que WordPress realiza por defecto, no son imprescindible para que el sitio web funcione correctamente, pero si que enlentecen el sitio, lo que puede acarrear problemas de velocidad o llegar al límite de los recursos que nuestros hosting tenga asignados.
Por ejemplo, los populares Emojis, que aunque no se usen, siguen cargándose con cada visita que llega a la página, o los embeds, porque es muy cómodo añadir una URL de Youtube en el editor de WordPress y que se cargue el vídeo, pero si ya se hace uso de un plugin, no es para nada necesario.

 

 

Existen varias opciones de WordPress que se pueden desactivar para evitar que con cada visita se cargue de solicitudes innecesarias, pero no es posible hacerlo desde las opciones nativas.

Para desactivar estas opciones podemos elegir entre.

Abrir el archivo functions.php y añadir algunas lineas de código, pero se requieren ciertos conocimientos técnicos o hacer uso de distintos plugins para desactivar lo que no nos interese o usar el plugin Wp Disable que aglutina todas estas opciones y algunas más en una sola aplicación.

El plugin Wp Disable se puede descargar desde el anterior link o buscarlo en la sección de plugins de nuestro panel de administración de WordPress para instalarlo y activarlo. Una vez activado, veremos que tenemos un nuevo menú en la barra lateral de nuestros WordPress llamado Optimisation.io Al entran en las opciones veremos que tienen un aspecto de lo más vistoso. Si nos fijamos, todo se resuelve en tres grandes bloques que son:

  • Remove Excess Bloat
  • Compress Images
  • Cache & Database

Lo que nos interesa es la opción de Remove Excess Bloat. Las otras dos opciones requieren descargar otros complementos

Esta sección se divide en otras subsecciones que son:

  • Requests (Peticiones)
  • WooCommerce (El plugin de WordPress)
  • Tags (Etiquetas)
  • Admin
  • SEO
  • Others (Otros)
  • Rest API

Antes de empezar a desactivar y/o  activar cosas con el plugin Wp Disable, es muy conveniente hacer una copia de seguridad de archivos y base de datos.
Hay que tener claro que no existe una configuración perfecta. Cada instalación de WordPress y cada proyecto pueden tener distintas necesidades, por lo que cada configuración puede ser distinta. No obstante, vamos a comentar alguna de las más populares

  • Disable Emojis. Desactiva los famosos emojis. Muy usados en WhastsApp y compañía.
  • Remove Querystrings. Eliminar las cadenas de consultas de recursos estáticos es algo muy demandado e innecesario si se usan plugins de caché.
  • Disable Embeds. Quitar los embebidos de Youtube, Twitter, etc…
  • Disable Google Maps. Si sólo tenemos un mapa en una página de la web se puede incluir para que cargue sólo ahí.
  • Remove jQuery migrate. Si no se usan API’s desaprobadas no hace falta cargar este archivo.
  • Disable Referral Spam. El Spam nunca suele ser bueno.

El plugin tiene muchas más opciones, pero si no se tiene muy claro para que sirven, es mejor no activarlas.

Se pueden activar y comprobar si WordPress sigue funcionando como debiera, hacer test de velocidad en sitios como pingdom.com o probar en una copia de WordPress que se use, precisamente, para realizar pruebas antes de pasarlas al sitio principal.

En el apartado de SEO, hay que tener especial cuidado si ya se está usando otro plugin como Yoast SEO, ya que puede interferir y dejar de actuar como esté configurado.
Como hemos dicho antes, es importante tener una copia de seguridad por si alguna opción del plugin hiciera que nuestro WordPress fallara en algún punto.

El plugin Wp Disable puede hacer que nuestro WordPress no consuma tantos recursos y reducir el tiempo en la velocidad de carga. Al desactivar ciertas funciones, WordPress tiene que cargar menos archivos que, aunque normalmente son ligeros, no deja de ocupar espacio y por lo tanto aumentar el tiempo de carga de la Web. Espero que todo esto te lleve a volar por la red.

 

cabify

Joaquín Aguilar.

Los Enlaces Internos. La relación establecida entre las distintas páginas que componen dicha web.

Los enlaces internos o entrelazados,   dentro de una  web trata de la relación establecida entre las distintas páginas que componen dicha web.  Son uno de los factores menos optimizados en el SEO OnPage, por contra,  son uno de los factores más descuidados entre los creadores de sitios. ¿Para qué sirven? La primera utilidad, puede ser, llevar a tus lectores a Post publicados con anterioridad, mejorar el tiempo de estancia en tu sitio, podría ser la segunda y como tercera podríamos decir, establecer una jerarquía sobre tus entradas.

 

Enlaces Internos

 

Mejora el tiempo de estancia en tu sitio

El menú de tu sitio, viene siendo la manera más básica y sencilla de establecer un enlazado eficaz, el logo, incluso el footer, puede realizar un fuerte vinculo con tu Home Page, por motivos evidentes, suele ser el plato fuerte de un Site. La segunda forma básica,  menos usada, son los breadcrumbs o migas de pan,  aparecen de manera horizontal al principio de una página y  pulsando sobre los enlaces que los forman,  el usuario puede volver a recorrer el camino que le ha llevado a la página en la que se encuentra.

Hay  otras maneras:

  • Desde la barra lateral.
  • Desde el footer.
  • Como posts relacionados al final de cada artículo.
  • Insertados directamente en el post.

Los 3 tipos principales de enlaces internos son:

  1. Con palabra clave exacta, como este: La Caja de Herramientas.
  2. Usando sinónimos o palabras relacionadas, como este: Cría fama, pero no te duermas.
  3. Frases con key words exactas o relacionadas. Por ejemplo, puedes ver aquí si quieres aprender más sobre Google  Adwords.

Obviamente directamente con la URL o invitando a “Haga Clic aquí”   Pero sinceramente, estos crean últimamente desconfianza, mucho más si trabajas con enlaces que escapan a tu control.

¿Qué hacer y qué no hacer?

  • Los enlaces han de tener  sentido para el lector.
  • No pierdas la oportunidad de hacer un buen enlace, pero no abuses o el lector se aburrirá.
  • Lo mejor es aprovechar el texto del propio enlace, pero si no encaja del todo en el articulo, antes de abandonar, no te cortes: “haz clic aquí”
  • Hace algún tiempo, Google recomendó no poner más de 100 enlaces por página, pero realmente no hay un límite establecido, todo depende del tema, hay entradas en Wikipedia con más de 350 enlaces. Dicho lo cual ¿Te imaginas una publicación de 300 palabras con 50 enlaces o más?… Yo tampoco.
  • De cuando en cuando, vuélvete loco, no pongas todas palabras exactas, te hace previsible y monótono.

Por último, como punto final, pero no menos importante:

La corrección ortográfica es importante, la gramatical también, pero recuerda que los textos deben estar dirigidos a la mayor cantidad de audiencia posible. Si piensas que eres un gran Literato, hazme caso, escribe un libro, no olvides el hecho de ser interlocutor de un robot, con algoritmos y códigos fuentes, que se pierden con mensajes poco claros, por muy ingeniosos que te parezcan.

 

Joaquin Aguilar.

Qué velocidad tiene mi web. Analiza la velocidad de tu web facilmente.

Qué velocidad tiene mi web, alguna vez has tenido que hacerte esta pregunta. Formas de medir o calcular el tiempo que tarda una web en cargar hay muchas, con herramientas de terceros, consolas de los navegadores,  aplicaciones propias y un largo etcétera. Yo quiero sugerir en este post rápido, una forma muy sencilla, útil, completa y que por otro lado puede hacer que te sumerjas, en la analítica web, poco a poco. No se trata de otra aplicación que Google Analytics.

Qué Velocidad Tiene mi Web

 

Por supuesto todo comienza con un servicio de hosting con las mejores prestaciones técnicas y no por ello a precios abusivos. Si tienes la necesidad del mejor hosting web para tu negocio o un sitio web personal, Hostinger es un alojamiento profesional de hosting que se adaptará sin lugar a dudas a tus necesidades. Con características de hospedaje web ilimitadas, con la infraestructura de la nube webhost altamente optimiza para mantener la velocidad y garantizar la fiabilidad en WordPress, también con dominio gratis y SSL libre, constructor web, la velocidad del servidor más rápido de la industria y precio asequible.

Google Analytics

Primero tendrás que crear una cuenta Google Analytics  para más tarde poder vincular la misma a tu página web. Una vez hecho esto podrás entrar en la cuenta, tal como lo haces en cualquier otro servicio Google.

Aparece el panel de control de Analytics y das clic en:  Comportamiento>> Velocidad del Sitio.

Qué Velocidad Tiene Mi Web

Dentro de estas opciones >>Tiempos de página, muestra como podemos ver una gráfica, por fechas y tiempos, una relación pormenorizada por cada entrada. Distribución permite observar todo tipo de Contenedores de Tiempo (Redireccionamientos, respuestas del servidor, descargas de páginas y un larguísimo etcétera) Gráfico de Visitas por Ubicación, trata de un mapamundi acompañado de una tabla,  con la relación de los distintos países de donde provienen tus visitantes.

Qué Velocidad Tiene mi Web

Información Técnica, satisface el conocimiento relacionado con, la fecha y el número de páginas visitadas en la misma, por supuesto en representación gráfica y numérica. Tiempos DOM, te da la posibilidad de analizar,  tiempos medios de cargas de contenidos de documentos,  tiempos medios de cargas de las páginas y tiempos medios de interacciones de documentos, superponiendo, en distinto color, cada una de las selecciones posibles con la gráfica general de tiempos del sitio en cuestión.

Con toda sinceridad, con un poco de esfuerzo, cuentas con una herramienta gratuita, que puede aportar  información necesaria para marcar diferencias en un aspecto tan importante como los tiempos de respuesta de tu Web, punto destacado de la Usabilidad.

Joaquín Aguilar.

Acelerar tu sitio web. Aquí sí se puede y se debe correr.

Acelerar tu sitio web, teniendo en cuenta que desde la creación de Internet, los tamaños de archivos  no hacen más que engordar, es una contradicción en sí mismo.  Pero hay algunas cosas que podemos hacer para paliar de algún modo esto.

 

Acelera tu web

 

A primera vista, no parece un problema demasiado complejo, pero  su impacto sobre el rendimiento y la capacidad de mantenimiento es muy grande. Sin contar con los dispositivos móviles y los distintos anchos de banda.

Afortunadamente, tenemos el control sobre el tamaño de los archivos y la forma en que nuestra página se presenta ante un navegador.

¿POR QUÉ ser más rápido?

Claro, ya sé, eres de esa minoría que dispone de fibra óptica en la puerta de tu casa y piensas que todo el mundo navega a tu ritmo, ¡error!, las cifras hablan por si solas, la inmensa mayoría aun anda a pedales. Por tanto si tu contenido no es accesible a la mayoría, con fluidez, finalmente, aburrirás a las hormigas con eternas cargas de pantalla. También hay un buen número de beneficios SEO y UX que obtendremos si nos tomamos el tiempo necesario para optimizar nuestra web.

Como consecuencia de todo lo anterior también seremos más rentables en cuanto a coste de ancho de banda, opción nada despreciable para los usuarios 3G y 4G.

EL PRIMER PASO

Pensar en modular, en función de la combinación de la mayor cantidad de piezas comunes de nuestro código como nos sea posible, si somos capaces de combinar dos clases CSS en una y utilizar menos código para proporcionar el mismo resultado, mucho mejor. Tener demasiado código puede penalizar bastante en JavaScript y dispositivos móviles.

LAS DEPENDENCIA  Y LAS PETICIONES HTTP.

Las solicitudes que dependan de terceras, son con diferencia,  el mayor motivo para la ralentización de una página. No olvides que desde tu hoja de estilo CSS, se pueden llamar imágenes, hay que  limitarlas usando sprites o SVG,  cuando sea posible.

Aunque esto puede parecer obvio, si tu sitio necesita servir muchas HTTP  lo mejor puede ser pensar en trabajar con un CDN, la fiabilidad de los servidores en cadena, para cubrir grandes demandas está más que contrastada.

CÓDIGO MÁS LEGIBLE

Un CSS ineficiente o demasiado JavaScript pueden aumentar los tiempos de carga,  escribir la ruta exacta por una cadena de selectores es mucho menos eficiente que usar de un selector único de identificación. Ambos dirigen el estilo al mismo elemento, pero éste ultimo simplemente hace el trabajo mucho más rápido. Por cierto comprueba los códigos copiados de librerías externas.

HTML MUY SIMPLE

Unas hojas de estilo en cascada o Reset CSS,  al comienzo de un documento HTML,   minimiza, en la medida de lo posible, las múltiples diferencias visuales que se dan a la hora de mostrar una misma página web, en diferentes navegadores, causa de que cada navegador implementa su hoja de estilos propia e interna, con determinados valores por defecto. Con la introducción de más elementos en la especificación de HTML5, también tenemos mucha más flexibilidad.

A GOOGLE LE GUSTA EL CÓDIGO LIMPIO.

Google ha hecho una prioridad el tema del código limpio. Para ocupar posiciones destacadas en sus resultados de búsqueda, las páginas ahora deben prestar atención a muchos atributos diferentes del código. Llamando demasiados recursos externos, teniendo absurdamente grandes las imágenes, o incluso  escribiendo mal el código JavaScript puede tirar tu sitio abajo en las posiciones de los resultados.

RESUMEN

Al optimizar nuestro código, tenemos que pensar no sólo en el tamaño de los archivos, sino también considerar cómo va a ser leído; ya sea por los navegadores o  seres humanos.

El uso del móvil también debe ser tomado en consideración, muchos proveedores de servicios restringen el ancho de banda en estos días.

Por tanto sumar algo de tiempo a tu trabajo puede ser la diferencia a ser tenido en consideración o no.


*Todas las promociones Hostinet contienen un código promocional de descuento directo, cortesía de Tomatrending.com.

Joaquín Aguilar.

Cómo compartir un archivo PDF en tu Web. La opción de compartir archivos PDF en un Blog o Web es una herramienta sencilla pero muy usada.

Cómo compartir un archivo PDF en tu Web.  Si ya tienes un bagaje de publicaciones a tus espaldas, seguramente te habrá surgido la necesidad de compartir, algún documento, publicación o estudio, con tus seguidores, para este menester es muy interesante realizarlo en formato PDF, es rápido, comprensible por la inmensa mayoría de los usuarios y poco pesado para tu sistema. Si te parece los vamos viendo poco a poco:

 

Compartir un PDF

La opción de compartir archivos PDF en un Blog o Web es una herramienta sencilla pero muy usada.

Lógicamente primero debemos tener ese documento, publicación, tratado o estudio en el formato adecuado, PDF, una vez lo principal está, lo siguiente resulta bastante sencillo de realizar:

  • Añadir a Medios un nuevo archivo.  Añadir PDF
  • Copiar la URL del archivo en concreto, dentro de la biblioteca de medios. añadir PDF
  • Finalmente asociar el archivo, con un link (enlace) en una imagen, icono o línea de texto.

añadir PDF

La ejecución del método no necesita de más, para realizar la práctica, optaremos por convertir este post completo en PDFpara después asimilarlo con una línea de texto, del propio articulo. Para ir un poco más allá, podemos usar un plugins, Google Doc Embedder,  que permite incrustar varios tipos de archivos en páginas de WordPress utilizando el Visor gratuito de Google Docs, lo que permite la visualización en línea (y la descarga opcional) de una amplia gama de tipos de archivos populares, sin necesidad de complementos Flash o PDF. 

Y si lo prefieres, esta es otra opción.

Es un servicio similar a  Scribd, pero Google Docs Embedder te permitirá insertar estos archivos directamente en su página o publicación, sin requerir que  el usuario tenga Microsoft Word, Adobe Reader, PowerPoint u otro software instalado para ver los contenidos, A diferencia de Scribd, que para visualizar los archivos sí serian requeridos. Tampoco es imprescindible cargarlo primero en ningún servicio, como por ejemplo, Google Docs, aunque se puede hacer, vale con cualquier lugar accesible al público en tu propio sitio Web.


*Todos los productos Hostinet contienen un cupón promocional de descuento directo, cortesía de Tomatrending.com

Estas dos fórmulas te permitirán adaptar el proceso a tus necesidades, una muy fácil, sin necesidad de instalar absolutamente nada, otra desde un plugin, pero igualmente sencillo. Nada más por hoy, espero que te parezca de utilidad, si es así, no dudes en compartirlo, es una forma gratuita de ayudar a los demás.

Joaquín Aguilar.

 

 

Me he encontrado con el palabro Favicon Anglicismo formado por las palabras favorites e icons

Favicon. Una mañana documentándome para la publicación del día, me he encontrado con el palabro, favicon, se trata de un anglicismo formado por las palabras favorites e icons (Icono de Favoritos) o lo que viene siendo lo mismo, el minúsculo icono que aparece en la pestaña del navegador cuando abres una aplicación, también conocido como icono de página, es una pequeña imagen asociada con una página o sitio web en particular.

Los navegadores gráficos suelen mostrar el favicon de la página visitada, si ésta lo posee, en la barra de direcciones y en el encabezado de la pestaña correspondiente. La forma original de definir un favicon, era poniendo un archivo llamado favicon.ico en el directorio raíz del servidor web, el cual era mostrado automáticamente en los favoritos de Internet Explorer.

Después, sin embargo, se creó un sistema más flexible, usando HTML para indicar la localización de un icono para cada página servida, el cual es identificado añadiendo dos elementos link en la sección <head> del documento como se detalla abajo. De esta manera, cualquier imagen de un tamaño apropiado (16×16 pixeles o más) puede ser usada, y aunque todavía muchos usan el formato ICO, otros navegadores ahora también soportan los formatos de imagen animada GIF y PNG.

Aquí te dejo el enlace para crear tu propio favicon para iOS, Android, Blogger, etc. Desde un archivo JPEG por ejemplo:

Favicom

http://www.favicon-generator.org/

Manos a la obra.

Es muy fácil de usar simplemente pinchas el enlace, cuando se abra hacer click en selecionar archivo, seleccionas en tu ordenador la imagen que quieras y te descargas una carpeta .zip con todos los iconos generados, listos para usar el tamaño y extensión  que te solicite tu aplicación en cuestión.

Por ejemplo en WordPress tendríamos que instalar el Plugin All In One Favicom, activarlo, entrar en Configuración e ir subiendo la imagen que quieras, pudiendo incluso elegir una para cada caso, pero un consejo, eso no es muy bueno si quieres crear marca, pues nada recordarte que en la búsqueda de Plugins de WordPress si no eres preciso con el nombre no te lo encuentra. Vamos como siempre a recordar que si este post te ha parecido, curioso, entretenido o de interés, Compártelo ya sabes que para ti es totalmente ¡Gratis! y quizá ayude a alguien. 


Todas las promociones Hostinet cuentan con un cupón descuento cortesía de Tomatrending.com

Joaquín Aguilar.

6 Consejos para aumentar la usabilidad web. Desde, dónde ponemos la mirada,  nada más aterrizar en un site, pasando por el tipo de letra.

6 Consejos para aumentar la Usabilidad Web. Parece evidente que, en torno a la Usabilidad,  aparezcan normas, fundamentos y prácticas recomendables. Por eso plasmo  desde, dónde ponemos la mirada,  nada más aterrizar en un site, pasando por el tipo de letra, hasta llegar a la curiosidad que despierta los pié de página. Todo está estudiado y vale para impactar a nuestros usuarios.

6 Consejos para aumentar la usabilidad web.

La Infografía resume los términos determinantes para un entorno valioso para nuestros usuarios:

  1. En la esquina superior izquierda suele residir la primera mirada. Subestimar dónde se dirige la mirada, en el primer golpe de vista, es un error, existen aplicaciones que lo demuestran. 
  2. La Claridad de las fuentes, en su orden, color y tamaño fijan la atención del navegante. Espaciado exagerado, fuentes extremas, mayúsculas donde no proceden, no son recomendables.
  3. Si te pasas con el diseño, mal asunto, no todo el mundo te comprende. ¿Alguien te ha hablado de la globalización? Pues si ha sido para convencerte de que el entendimiento es bueno, rentable, solidario y reciproco, ¡Chapó!
  4. La búsqueda intuitiva una buena aliada. Un marco de búsqueda, donde se pueda realizar de forma selectiva, es fundamental, sobre todo si tu interlocutor es del gremio y controla del tema, puedes penalizar en los buscadores de no contar con ello.
  5. Los términos numéricos, por favor, con números (1,2,3,4..) Parece una redundancia, pero aunque lo fuese, los términos cuantitativos han de expresarse como tales y no en letras.
  6. El pie de página, Footer en Inglés,  es importante, aunque esté al final, puedes sacar rendimiento del mismo, teléfonos, direcciones webs, emails, etc.

Estos son 6 consejos aplicables a la una web amigable, que invite a permanecer en ella, que cree expectación y despierte el interés, no quiero decir con ello que sean, ni los más importantes, ni los mejores y mucho menos que no existan otros, son tan solo,  mi propuesta para hoy. Espero que te sean interesantes, de utilidad, si es así, no olvides Compartir, a ti te sale ¡gratis! y para mi es importante, gracias.


  Joaquín Aguilar.

Gestiona el entorno multimedia en tu WordPress. Añadir y gestionar los archivos multimedia en tu proyecto WordPress.

Gestiona el entorno multimedia en tu WordPress.  Ya sean imágenes, ví­deos, audios o cualquier otro tipo de archivo, las opciones de la biblioteca de medios son pocas y sencillas. Conozcamos las distintas opciones y a trabajar.

Como casi siempre todo empieza en el menú escritorio.

Por los distintos post publicados hasta la fecha, sobre la temática WordPress, y tanto si eres un seguidor, como si has intentado abordar un proyecto WordPress en alguna ocasión este Menú de Escritorio te será ya familiar.

En esta ocasión centraremos la mirada en Medios >> Biblioteca >> Añadir nuevo, realizando paradas en los puntos más interesantes para cada menester.

Medios, es el gestor de todo tipo de archivos, dentro de nuestro WordPress. Así es, no sólo se trata de colgar fotos en nuestro blog o web, puedes gestionar archivos de audio, video, incluso documentos  PDF, por ejemplo, pero todo a su tiempo.

Comencemos por ver que aparece tras la pantalla (1) Medios >> Biblioteca, cuando hacemos clic con nuestro ratón, observamos, en la figura inferior, Menú de escritorio >> Medios >> Biblioteca multimedia.  En el caso de estar empezando incluso si tienes una instalación, recién creada, los únicos archivos guardados serán, por defecto, logos de WordPress preinstalados.


Vista de la biblioteca en mosaico de imágenes.

Hasta el momento nada muy sorprendente ni complicado, en el punto señalado como 2, tenemos la posibilidad de presentar las imágenes de nuestra biblioteca en cuadrículas o en modo listado, algo que mucha gente a pesar de trabajar desde hace tiempo con WordPress, desconoce. Resulta que las dos fórmulas son igual de validas para  trabajar, por eso están ahí, obviamente, sin embargo cada una aporta una visión totalmente diferente del trabajo con los archivos, contenidos en la biblioteca, no hay nada más que echar un vistazo para darse cuenta.

Vista de la biblioteca en modo listado.

 

En la primera figura, queda patente la importancia de la  imagen sobre cualquiera otra característica; de mucho valor,  si tu sitio tiene como temática contenidos muy visuales, sin demasiado texto. Por contra me parece mucho más interesante elegir la opción listado, en caso de realizar post de texto denso, donde la imagen sea, aunque siempre importante, de carácter ornamental o complementaria al artículo presentado. El motivo, desde la presentación mosaico, debes entrar en cada imagen para poder ver toda su información, mientras desde el listado, cada imagen aparece con toda la información a la izquierda, de manera inmediata.

Subiendo archivos desde nuestro ordenador.

Básicamente hay dos maneras de hacerlo, una abriendo la carpeta del ordenador donde se encuentra el archivo a subir, arrastrando con el ratón el mismo hacia el contenedor, la otra, quizá la más usada, buscando la ruta hasta el archivo deseado. ¡Aquí tenéis ambas!

Una vez añadida una imagen a nuestra biblioteca, debemos cumplimentar la información que aparece al lado derecho de la misma. URL: aparece por defecto cuando cargamos la imagen y le asignamos una entrada. Título: cómo queremos llamar al archivo en cuestión. Leyenda: el texto a pie que aparecerá, bajo o dentro de la imagen, video, audio, etc. (esto depende del Tema que tengamos instalado) Descripción: breve explicación del contenido del archivo. Todo lo anteriormente expuesto, de una forma u otra influirá en el SEO de nuestra página.

Los datos que acompañan a cada imagen tienen su importancia.

Presionando el botón Editar imagen de la anterior pantalla, obtendremos un sencillo editor, para girar la imagen, cambiar la escala (El tamaño y proporción) Decidiendo por otro lado a cual de las copias guardadas en la base de datos, afectarán dichos cambios. No olvides que por cada imagen que subes a tu blog/web, WordPress realiza dos copias más.

Editando una imagen en la biblioteca.

Para finalizar, por ello no menos importante, recalcar que aunque casi siempre hemos hablado de imágenes, fotos, videos, ciertamente son los más usados, al añadir un medio podemos hacerlo por ejemplo de un archivo MP3, con la misma fórmula vista en el post: Añadir objeto >> Subir archivo >> Insertar en la entrada. 

ejemplo de carga de archivo de audio en WordPress.
Ejemplo de subida y publicación de un archivo PDF.

Gestion de medios.

Creo  humildemente  que  con  esta  publicación  queda  bastante  claro  el  propósito  del título ” Gestiona el entorno multimedia de tu WordPress”   Deseo que os sea de provecho y aclare alguna duda que otra, saludos.

Joaquín Aguilar.

Cómo usar las Páginas de tu WordPress. Utilización de las páginas y diferencias con las entradas.

Cómo usar las Páginas de tu WordPress.  Básicamente, tenemos dos fomas de introducir información en nuestra web/blog, mediante las páginas y las entradas, nos centraremos hoy en las páginas para dejar lo más claro posible, su uso y cómo trabajar con ellas.

Lo primero, diferenciar entre páginas y entradas. Las páginas estructuran nuestra web, con contenidos estáticos, es decir, contenidos que una vez editados, se modifican muy poco, como podrían ser, página de contacto, quienes somos, la página de inicio, etc.

Por otro lado tenemos las entradas, que son las noticias, artículos, boletines y demás información, que dotan de contenido a tu web, para despertar el interés de los usuarios. Al contrario que las páginas, las entradas (alojadas en una página de entradas) se cambian, modifican, borran y editan con la periodicidad que el administrador web tenga predeterminado.

Cómo usar las páginas de tu WordPress.

 

revisando la pantalla Páginas:

Podemos observar en el menú marcado con el número 1, las 2 opciones para las páginas, Todas las páginas, nos mostraría el listado de páginas creadas en nuestra web y Añadir nueva, que abre la posibilidad de crear un espacio estático más dentro del sitio.


En la marca número 2 visualizamos las páginas con la posibilidad de borrar, editar y visualizar el contenido de la misma, si colocamos el puntero del ratón justo bajo el título. Haciendo clic en editar, podemos proceder a modificar el contenido de la página como veremos a continuación.

Sumergiéndonos en el interior de una página.
Cómo usar las Páginas de tu WordPress.

Repasemos las marcas de la imagen superior, con el número 1 tenemos el título, como se llama la página en cuestión, en segundo lugar hemos marcado Añadir objeto, con esta pestaña accederemos a la biblioteca multimedia o a la posibilidad de subir una imagen, video o enlace a nuestra página. El apartado 3 refleja lo que vendría a ser un editor de texto bastante simple, no creo necesario detenernos aquí demasiado, entre otros motivos porque si nos situamos con el cursor sobre los iconos, automáticamente aparecerán las leyendas de su funcionalidad.

Por último el número 4, me atrevería a decir que con estas dos solapas, seremos conscientes de la magia que encierra WordPress, y  es que mientras nosotros estamos trabajando sobre un entorno visual muy intuitivo, seleccionando HTML, conoceremos las líneas de códigos necesarias para crear todo el contenido que paulatinamente vamos introduciendo en nuestra web, para una persona curiosa, esta posibilidad abre un sin fin de puertas, al conocimiento, debido a la oportunidad de ver en primera persona, sin tener ni idea de programación, cómo se hace para, poner un párrafo en negrita, añadir cursivas, realizar un enlace interno y externo, en fin, todas las amplias posibilidades sostenidas en WordPress.

Espero que sea de vuestro agrado este post, continuaremos con las entradas, el próximo día, un saludos y como siempre compártelo que es ¡Gratis!

Joaquín Aguilar.

Calendario de pubicaciones.

junio 2018
L M X J V S D
« May    
 123
45678910
11121314151617
18192021222324
252627282930  

Aquí También

EMAIL
Facebook51k
Facebook
Google+7k
Google+
https://www.tomatrending.com/blog/category/wordpress">
Pinterest18k
Instagram27k

Bloguers

bloguers_rc1
Translate »
Social media & sharing icons powered by UltimatelySocial

Enjoy this blog? Please spread the word :)

  • EMAIL
  • Facebook51k
    Facebook
  • Google+7k
    Google+
    https://www.tomatrending.com/blog/category/wordpress">
  • Pinterest18k
  • Instagram27k