jueves, 5 de mayo de 2022
lunes, 28 de marzo de 2022
Diapositivas automáticas para tus imágenes.
Automatic Slideshow
Change image every 2 seconds:
1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three
jueves, 24 de marzo de 2022
Whats app meta tags o Opengraphs para que muestre titulo, imagen, description de mi sitio-artículo.
WhatsApp link preview was not working for me as well. After trying some options I finally got it working . Here are the 8 html tags that worked perfectly for me:
In tag:
In tag:
These 8 tags ( 6 in head , 2 in body) worked perfectly.
martes, 8 de febrero de 2022
Metadatos, SEO: Search Engine Optimization = incrementar visitas a tu sitio web.
Ejemplos que haran mejores ranking tus páginas.
Morena lanza su 4TV, pero la marca le pertenece a Televisa
para que se ajuste al tamaño de la pantalla de tu aparato
Ejemplo de revista proceso:
Meta name
Kimberly Clark, Iberdrola, Walmart, Ienova, Bimbo... ganadores ayer, perdedores hoy - Proceso
meta property
twitter:title
twitter:description
Apart from these, you'll also find some special social meta tags for Twitter in the HTML code, such as:
meta name=”twitter:card”
meta name=”twitter:title”
meta name=”twitter:description”
meta name=”twitter:site”
meta name=”twitter:image”
Responsive design:
Title
imagen insertada al inicio para que el navegador los detecte primero y los incluya en el buscador como datos para tomar en la busqueda.
Se recomienda no poner mas de 2 videos y mas de 3 o 4 fotos para que NO nis penalicen porque tarda mucho en bajar la pagina en el navegador.
Buscar image ompressor para aligerar las fotos y no tarden tanto en bajar.
Los enlaces son importantes para que tenga google más razones para incluirte en los primeros lugares de busqueda
Ejemplo
ir google
The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don’t exceed the 5MB size limit.
twitter:card
This required tag works in a similar way to og:type. It describes the type of content you are sharing. There are 7 options to choose from: summary, photo, video, product, app, gallery, and “large version” summary
twitter:image
Yes, you guessed it. This is how you set the picture to go with your tweet. Twitter allows two options, a card with a smaller or a larger picture.
You decide which one you want in the type tag. If you go for the large option, make sure it has a resolution of at least 280x150px and that the file size is not more than 1MB.
-->
https://neilpatel.com/wp-content/uploads/2014/03/head-html.png
Buscar temas especificos y ver su meta tag porque aparecieron en primer lugar de las opciones de google. Tambien depende de las palabras claves tecleadas en tu busqueda
https://gist.github.com/kevinSuttle/1997924 Basic HTML Meta Tags
https://neilpatel.com/blog/open-graph-meta-tags/ 12 Useful Open Graph Meta Tag Types for Facebook and Twitter
https://neliosoftware.com/es/blog/debes-saber-que-son-las-meta-etiquetas-de-open-graph/
https://neilpatel.com/blog/open-graph-meta-tags/
https://yoast.com/
https://developers.facebook.com/tools/debug/
https://www.youtube.com/watch?v=oBmrloY-NBU Curso de html avanzado 2020 SEO
En Cosntrucción.
ir google
The most frequently recommended resolution for an OG image is 1200 pixels x 627 pixels (1.91/1 ratio). At this size, your thumbnail will be big and stand out from the crowd. Just don’t exceed the 5MB size limit.
twitter:card
This required tag works in a similar way to og:type. It describes the type of content you are sharing. There are 7 options to choose from: summary, photo, video, product, app, gallery, and “large version” summary
twitter:image
Yes, you guessed it. This is how you set the picture to go with your tweet. Twitter allows two options, a card with a smaller or a larger picture.
You decide which one you want in the type tag. If you go for the large option, make sure it has a resolution of at least 280x150px and that the file size is not more than 1MB.
-->
https://neilpatel.com/wp-content/uploads/2014/03/head-html.png
Buscar temas especificos y ver su meta tag porque aparecieron en primer lugar de las opciones de google. Tambien depende de las palabras claves tecleadas en tu busqueda
https://gist.github.com/kevinSuttle/1997924 Basic HTML Meta Tags
https://neilpatel.com/blog/open-graph-meta-tags/ 12 Useful Open Graph Meta Tag Types for Facebook and Twitter
https://neliosoftware.com/es/blog/debes-saber-que-son-las-meta-etiquetas-de-open-graph/
https://neilpatel.com/blog/open-graph-meta-tags/
https://yoast.com/
https://developers.facebook.com/tools/debug/
https://www.youtube.com/watch?v=oBmrloY-NBU Curso de html avanzado 2020 SEO
lunes, 10 de enero de 2022
viernes, 7 de enero de 2022
Cambiar tus fotos a marca de agua.
Para incrustar en tus páginas web a través de CSS
Con el software de Microsoft PUBLISHER
1.-Incertar imagen que se quiere
2.-Pestaña "formato"
3.-·herramientas de imágen"
4.-Clic a "volver a colorear"
5.-"Variaciones de luz"
6.-Escoger variante y o
7.-Clic a "definir color transparente"
Una vez generada la imágen en efecto de agua
1.- subir a bloguer creando un url para ella
2.-incluir esa url en la siguiente estilo de CSS
OJo, lo siguiente va en el área de CSS que quieres incluir: Ejemplo tabla, body, etc...
background-image: url("https://blogger.googleusercontent.com/img/a/AVvXsEieGXd68CeFh_2YmmJYzfG667UdzJdpSZCLORkw-w72PPavAgicqhTX3HQrZoyQj1OUdn1UFE5jfcKUpg9NCYJc30yhAXHemGWHoa8mL_uPrho03s-wff2cnjk-AEN3ax-gL3vxGdVoBKzGdZZKVM3V5c4NfXVMf1nn-qS1MiY6Sco1jHO3o_drTSZNNA=s640");
background-color: #e6f2ff;
color: #000000;
Suscribirse a:
Entradas (Atom)