En este rápido consejo, te presentaré una herramienta simple pero muy útil llamada Hey Meta. Si está interesado en ver qué aspecto tiene el perfil de uso compartido de su sitio web y desea asegurarse de que las metaetiquetas que está utilizando son correctas, Hey Meta es justo lo que necesita. Vamos a bucear en!
Consigue tus meta tags
Revise sus etiquetas meta
Verifique la efectividad de la configuración actual de la etiqueta meta de su sitio web ingresando la URL en el campo de entrada. Se le mostrará una vista previa de la tarjeta social (lo que probablemente se mostrará en las redes sociales, compartiendo aplicaciones, etc.) y el título, la descripción, la imagen destacada de la URL en cuestión.
Introduce la URL aquí
Si su página web no tiene ninguna etiqueta meta para estos elementos, no se mostrará nada..
Generar etiquetas meta correctas
Si a su página le faltan detalles o muestra metadatos incorrectos (o sub-óptimos), puede usar Hey Meta para generar las etiquetas correctas para usted. Ingrese la información que desea mostrar en los campos que se muestran:
Introduce el título aquí
Lo mismo se puede hacer para la descripción del sitio web, la URL y la imagen destacada. Las etiquetas generadas se mostrarán en las vistas previas, y el marcado tendrá un aspecto similar al siguiente:
Sitio web de prueba
Aquí verás las metaetiquetas HTML nativas como </code>, Etiquetas de Twitter, y las etiquetas de gráfico abierto como <code><meta property="og:title"></code> Lo que permite un intercambio social adecuado. Estas etiquetas se pueden colocar en el <code><head></code> de su documento HTML.</p><h2>Conclusión</h2><p>Asegúrate de que tus etiquetas meta muestren los detalles de tu sitio web correctamente!</p><h3>Otras lecturas</h3>
<div class="rek-block">
<center>
<ins class="adsbygoogle"
style="display:inline-block;width:580px;height:400px"
data-ad-client="ca-pub-3810161443300697"
data-ad-slot="9434875811"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</center>
</div>
<div class="h-alltags">
<a href="articles/webdesign">Diseño web</a>
</div>
</div>
</div>
</div>
</div>
<div class="next_posts clearfix">
<div class="n_post">
<div class="next_posts-h1 left_nh1"><a href="/articles/photography/how-to-check-for-correct-skin-tones-in-video-with-adobe-premiere-pro.html">Cómo verificar los tonos de piel correctos en video con Adobe Premiere Pro</a></div>
<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_2/how-to-check-for-correct-skin-tones-in-video-with-adobe-premiere-pro_2.jpg');"></div>
</div>
<div class="n_post">
<div class="next_posts-h1 right_nh1"><a href="/articles/business/how-to-charge-premium-prices-and-write-winning-proposals.html">Cómo cobrar precios premium y escribir propuestas ganadoras</a></div>
<div class="next_posts-img" style="background-image: url('//accentsconagua.com/img/images_10/how-to-charge-premium-prices-and-write-winning-proposals.png');"></div>
</div>
</div>
<footer>
<div class="container">
<div class="footer-langs">
<ul class="site-langs-list">
<li><a href="https://www.accentsconagua.com"><i class="flag flag-DE"></i>Deutsch</a></li>
<li><a href="https://fr.accentsconagua.com"><i class="flag flag-FR"></i>Français</a></li>
<li><a href="https://nl.accentsconagua.com"><i class="flag flag-NL"></i>Nederlands</a></li>
<li><a href="https://no.accentsconagua.com"><i class="flag flag-NO"></i>Norsk</a></li>
<li><a href="https://sv.accentsconagua.com"><i class="flag flag-SE"></i>Svenska</a></li>
<li><a href="https://it.accentsconagua.com"><i class="flag flag-IT"></i>Italiano</a></li>
<li><a href="https://es.accentsconagua.com"><i class="flag flag-ES"></i>Español</a></li>
<li><a href="https://ro.accentsconagua.com"><i class="flag flag-RO"></i>Românesc</a></li>
</ul>
</div>
<div class="h-block"><a href="/">es.accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Información interesante y consejos útiles sobre programación. Desarrollo de sitios web, diseño web y desarrollo web. Tutoriales de Photoshop. Creación de juegos de ordenador y aplicaciones móviles. Conviértete en un programador profesional desde cero.
</div>
</div>
</footer>
<div class="search">
<img class="searchico" src="//accentsconagua.com/img/search.svg" alt="">
</div>
<div class="modal">
<div class="modal-content">
<span class="close-button">×</span>
<input class="searchmain" type="text" id="search-input" placeholder="Buscar...">
<ul class="searchli" id="results-container"></ul>
</div>
</div>
<link rel="stylesheet" href="css/flags.css">
<link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.css" />
<script src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.0/cookieconsent.min.js"></script>
<script>
window.addEventListener("load", function(){
window.cookieconsent.initialise({
"palette": {
"popup": {
"background": "#edeff5",
"text": "#838391"
},
"button": {
"background": "#4b81e8"
}
},
"theme": "classic",
"position": "bottom-right"
})});
</script>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script src="js/scripts.min.js"></script>
<script src="js/common.js"></script>
<link rel="stylesheet" href="css/fontawesome-all.min.css">
<script>
var modal = document.querySelector(".modal");
var trigger = document.querySelector(".search");
var closeButton = document.querySelector(".close-button");
function toggleModal() {
modal.classList.toggle("show-modal");
}
function windowOnClick(event) {
if (event.target === modal) {
toggleModal();
}
}
trigger.addEventListener("click", toggleModal);
closeButton.addEventListener("click", toggleModal);
window.addEventListener("click", windowOnClick);
</script>
<script src="https://unpkg.com/simple-jekyll-search@1.5.0/dest/simple-jekyll-search.min.js"></script>
<script>
SimpleJekyllSearch({
searchInput: document.getElementById('search-input'),
resultsContainer: document.getElementById('results-container'),
json: '/search.json',
searchResultTemplate: '<li><a href="{url}">{title}</a></li>'
})
</script>
<script src="jquery.unveil2.min.js"></script>
<script>
$('img').unveil();
</script>
</body>
</html>
Share
Introduce la URL aquí
Introduce el título aquí
Accentsconagua