In deze snelle tip introduceer ik je een eenvoudige, maar erg nuttige tool met de naam Hey Meta. Als u geïnteresseerd bent om te zien hoe het profiel van uw website eruitziet en u ervoor wilt zorgen dat de metatags die u gebruikt juist zijn, is Hey Meta precies wat u nodig hebt. Laten we erin duiken!
Haal je metatags naar rechts
Controleer uw metatags
Controleer de effectiviteit van de huidige metatag-instellingen van uw website door de URL in het invoerveld in te voeren. Je krijgt een voorbeeld van een sociale kaart te zien (wat waarschijnlijk wordt weergegeven op sociale netwerken, apps te delen enz.) En de titel, beschrijving, aanbevolen afbeelding van de betreffende URL.
Voer hier de URL in
Als uw webpagina helemaal geen metatags voor deze items bevat, wordt er niets weergegeven.
Genereer correcte metatags
Als er op uw pagina informatie ontbreekt of onjuiste (of niet-optimale) metadata worden weergegeven, kunt u Hey Meta gebruiken om de juiste tags voor u te genereren. Voer de informatie in die u wilt weergeven in de weergegeven velden:
Voer hier de titel in
Hetzelfde kan worden gedaan voor de beschrijving van de website, de URL en de afgebeelde afbeelding. De gegenereerde tags worden in de voorvertoningen weergegeven en de opmaak ziet er ongeveer zo uit:
Test website
Hier ziet u de native HTML-metatags zoals </code>, Twitter-tags en de Open Graph-tags zoals <code><meta property="og:title"></code> die een goede sociale uitwisseling mogelijk maken. Deze tags kunnen vervolgens in de worden geplaatst <code><head></code> van uw HTML-document.</p><h2>Conclusie</h2><p>Zorg ervoor dat uw metatags uw websitedetails correct weergeven!</p><h3>Verder lezen</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 ontwerp</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">Hoe te controleren op juiste huidskleuren in video met 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">Hoe Premium prijzen en schrijf winnende voorstellen op te laden</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="/">nl.accentsconagua.com</a><div class="h-block-a"></div></div>
<div class="footer-text">
Interessante informatie en nuttige tips over programmeren. Website ontwikkeling, webdesign en webontwikkeling. Photoshop-zelfstudies. Creatie van computerspellen en mobiele applicaties. Word een volledig professionele programmeur.
</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="Zoeken...">
<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
Voer hier de URL in
Voer hier de titel in
Accentsconagua