Una de las ventajas que tiene WordPress es el uso del permalink o enlace permanente. Son un formato particular de la estructura de la URL de los sitios de nuestra página web. Por defecto, WordPress genera URLs dinámicas con el siguiente formato: https://guidacode.com/index.php?p=12345. Sin embargo, podemos transformar esa URL en amigable …
Como explique anteriormente, las transiciones animan elementos en el tiempo. Sin embargo a diferencia de las animaciones, las transiciones son mucho más limitadas ya que sólo definimos el estado principio y el final cuando en las animaciones poder tener el control de los estados que estén en el medio. Las …
Si retomamos al 2009, buscadores cómo Google, Bing y Yahoo! anunciaron soporte para las meta-etiquetas canónicas o url canónica. Y para que sirven estas meta-etiquetas? Pues indican a los buscadores qué URL debe contar como la original y así evitar la confusión de contenido duplicado. Voy a aclararlo con un ejemplo, supongamos que …
En esta ocasión voy a mostrar como emplear varias transiciones en CSS sobre un mismo elemento. Sin embargo, antes de entrar en materia, será recomendable saber cómo funciona el atajo transition para que en caso de realizar varias transiciones, no quede un CSS con tantas líneas. El atajo transition A …
Anteriormente comenté que existen meta etiquetas con unas directivas para indicar a los motores de búsqueda que páginas indexar o cómo tratarlas. En el caso de indexar archivos (o no) o contenido no-(X)HTML, las meta etiquetas directivas de robots no sirven. A un archivo, como un pdf, no puedes añadirle …
En este post continuaré con las transiciones en CSS, concretamente en el ritmo y el retraso que podemos aplicar a nuestra transición. Recordemos que una transición en CSS consiste en una animación sencilla que muestra el cambio gradual de las propiedades modificadas de un elemento. Transition-timing-function Se puede controlar el ritmo de …
Las transiciones o la propiedad transition permiten cambiar las propiedades CSS de un elemento a través del tiempo proporcionando animaciones sencillas. Por ejemplo, si el ratón pasa por encima de un hipervínculo y este cambia de color, se puede hacer el cambio de manera gradual. Para sacar un mayor partido a las …
En el post anterior sobre administración de eventos avanzados, comenté que el método on() tiene un segundo argumento que es un selector. Este argumento puede ser cualquier selector de jQuery valido como podría ser un ID, clase, elemento… Para hacer un poco de memoria, el.on() funcionaba de la siguiente manera. …
Este post se centra en CSS avanzado, concretamente en las transformaciones 2D. El modulo de transformaciones 2D en CSS permite rotar, trasladar y cambiar el tamaño de una caja (elemento) sin alterar el flujo en el documento. Este tipo de propiedades son de utilidad para realizar animaciones y transiciones. Para …
Cómo expliqué anteriormente, el contenido duplicado perjudica seriamente el SEO de una web ya que el motor de búsqueda interpreta que lo estamos engañando aunque no sea así. En este post explicaré cómo pueden ayudar las metaetiquetas noindex y nofollow para evitar que un motor de búsqueda interprete que tienes …