În acest sfat rapid vă voi prezenta un instrument simplu, dar foarte util numit Hey Meta. Dacă sunteți interesat să vedeți profilul profilului de partajare al site-ului dvs. și doriți să vă asigurați că etichetele meta folosite sunt corecte, Hey Meta este exact ceea ce aveți nevoie. Hai să ne aruncăm!
Obțineți-vă propriile etichete Meta
Verificați etichetele Meta
Verificați eficacitatea setării curente a meta tagului site-ului web, introducând adresa URL în câmpul de introducere. Vi se va afișa o previzualizare a cărții sociale (ce va fi probabil afișată în rețelele sociale, distribuirea de aplicații etc.) și titlul, descrierea, imaginea recomandată a adresei URL în cauză.
Introduceți adresa URL aici
În cazul în care pagina dvs. Web nu are meta tag-uri pentru aceste elemente, nimic nu va fi afișat.
Generați etichete corecte Meta
Dacă în pagina dvs. lipsesc detalii sau se afișează metadate incorecte (sau suboptimale) puteți folosi Hey Meta pentru a genera etichete corecte pentru dvs. Introduceți informațiile pe care doriți să le afișați în câmpurile afișate:
Introduceți titlul aici
Același lucru se poate face și pentru descrierea site-ului web, pentru URL-ul și imaginea recomandată. Etichetele generate vor fi afișate în previzualizări, iar marcajul va arăta astfel:
Site-ul de testare
Aici veți vedea meta tagurile HTML native </code>, Etichetele Twitter și etichetele Open Graph precum <code><meta property="og:title"></code> care permit o partajare socială adecvată. Aceste etichete pot fi apoi plasate în <code><head></code> din documentul HTML.</p><h2>Concluzie</h2><p>Asigurați-vă că etichetele meta vă afișează corect detaliile site-ului dvs. web!</p><h3>Citirea în continuare</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">Web design</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">Cum să verificați tonurile corecte ale pielii în video cu 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">Cum să taxați prețurile premium și să scrieți propuneri câștigătoare</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="/">ro.accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Informații interesante și sfaturi utile privind programarea. Dezvoltarea de site-uri, web design si dezvoltare web. Tutoriale Photoshop. Crearea de jocuri pe calculator și aplicații mobile. Deveniți un programator profesionist de la zero.
</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="Căutare...">
<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ți adresa URL aici
Introduceți titlul aici
Accentsconagua