Embedded Files
Tamaño recomendado para las imágenes
Tamaño recomendado para las imágenes
Tanto para la imagen principal de la nota como para las imágenes que deseen inserarse entre el contenido, el tamaño recomendado es de un ancho mínimo de 1200px, pudiendo subir tamaños superiores idealmente con una relación 4:3 (más óptima para mobile) o 16:9.
Es muy importante que las imágenes sean nítidas, es decir que no se vean borrosas o pixeladas. Imágenes con elementos que no se vean claramente, cómo textos que no se pueden leer, rostros y/o formas difusas, serán consideradas de baja calidad y ésto puede impactar negativamente en el rendimiento de la nota por ejemplo en Google News y Google Discover.
En las imágenes que de una relación de aspecto distinta se pueden agregar bordes con BLUR automáticamente utilizando: https://pinetools.com/blurred-frame-images-generator
Ejemplo de imágen vertical con bordes agregados para cambiar la relación de aspecto:
Cómo insertar correctamente una imagen
Cómo insertar correctamente una imagen
Cómo insertar una imagen correctamente dentro del contenido de una nota
Cómo insertar una imagen correctamente dentro del contenido de una nota
Al momento de insertar imágenes dentro del contenido de una nota en el CMS, es importante asegurarse de que cada imagen tenga definidos su ancho y alto en píxeles (no sirve hacerlo usando %), especialmente si la imagen proviene de una fuente externa (copiada o insertada desde otra web). Esta acción es fundamental para asegurar la correcta generación de la versión AMP de la nota.
¿Cuándo se debe definir el ancho y alto de la imagen?
¿Cuándo se debe definir el ancho y alto de la imagen?
✅ Imágenes insertadas desde el repositorio del CMS: No es necesario definir ancho y alto manualmente. El sistema ya lo calcula automáticamente.
⚠️ Imágenes pegadas o insertadas desde otras fuentes: Es necesario establecer el tamaño (ancho y alto en píxeles) para evitar errores al publicar.
Definir el ancho y alto manualmente
Definir el ancho y alto manualmente
Insertar la imagen desde una fuente externa en el contenido de la nota.
Hacer clic sobre la imagen y luego sobre el ícono de insertar/editar imagen (📷).
Se abrirá un cuadro de edición. Allí completar los campos de ancho y alto en píxeles.
Hacer clic en Guardar para aplicar los cambios.
Ajustar el tamaño desde un vértice
Ajustar el tamaño desde un vértice
Otra forma de establecer automáticamente el ancho y alto es hacer un pequeño ajuste de tamaño directamente desde el contenido:
Hacer clic sobre la imagen.
Desde uno de sus vértices, arrastrar y achicar apenas. Esto hará que el sistema tome las dimensiones en pixeles.
Cómo agregarle el epígrafe a la imagen insertada entre el contenido de la nota
Cómo agregarle el epígrafe a la imagen insertada entre el contenido de la nota
Al insertar una imagen, a la misma podemos agregarle el epígrafe / subtitulo.
Basta con activar la opción Subtítulo en el modal de inserción.
Cómo insertar correctamente un video
Cómo insertar correctamente un video
Cómo utilizar Shorts de YouTube como video en las notas
Cómo utilizar Shorts de YouTube como video en las notas
Para utilizar un video de YouTube Shorts como video principal en las notas del CMS, se debe seguir este procedimiento:
Instrucciones:
Obtener el enlace del Short de YouTube:
Copiar el enlace del Short desde YouTube. Por ejemplo:
https://youtube.com/shorts/IH2Vvae3Z3E.Modificar el enlace:
Reemplazar la parte del enlace que contiene /shorts/ por /watch?v=.
El enlace final debería quedar de esta forma:
https://youtube.com/watch?v=IH2Vvae3Z3E.Agregar el enlace en la nota:
Acceder al editor de notas en el CMS.
En el campo correspondiente para el video, pegar el enlace modificado.
Guardar la nota:
Guardar los cambios y verificar que el video se visualice correctamente en la publicación.
Tip para insertar video sin mostrar el logo de Youtube ni videos de otros canales
Tip para insertar video sin mostrar el logo de Youtube ni videos de otros canales
Agregando el parámetro: ?modestbranding=1&rel=0 evitamos que se muestre en nuestro sitio el logo de Youtube en los videos incrustados y evitamos también que al finalizar el video se muestre contenido de otros canales.
Para ésto hay que insertar el video desde la opción Avanzado en vez de Incrustado agregando el parámetro al código embed provisto por Youtube justo antes de las comillas de cierre del enlace:
Código habitual:
<iframe src="//www.youtube.com/embed/hytxzS0ArvU" width="360" height="202" allowfullscreen="allowfullscreen"></iframe>
Código con el parámetro agregado:
<iframe src="//www.youtube.com/embed/hytxzS0ArvU?modestbranding=1&rel=0" width="360" height="202" allowfullscreen="allowfullscreen"></iframe>
Insertar otro tipo de contenido embebido
Insertar otro tipo de contenido embebido
Para insertar otro tipo de contenido multimedia utilizando un código embed (podcast, mapas, social media, infografías, etc), utilizar la opción incrustado y pegar allí el código provisto por el servicio externo.
Page updated
Report abuse