Meta-titel
In het kort
.</p>
</div>
<div class="glossary-prose">
<p>De meta-titel is een van de sterkste ranking- én click-signalen in SEO. Hij verschijnt in de SERP als blauwe kop, in browsertabs en in social shares. Google kan hem herschrijven als hij hem ongeschikt vindt, maar in 80%+ van de gevallen wordt jouw <title>-inhoud getoond. Ideaal: 50-60 tekens, primaire keyword vooraan, merknaam achteraan.</p>
<h2>Voorbeeld</h2>
<p>Slecht: <code><title>Home | Webrock Media</title></code>. Beter: <code><title>SEO voor Bitcoin, AI & Fintech | Webrock Media</title></code> — primair keyword vooraan, merk achter de pipe.</p>
<h2>Veelgestelde vragen</h2>
<div class="glossary-faq">
<details><summary>Waarom herschrijft Google mijn meta-titel?</summary><p>Als hij duplicate is, te lang, keyword-gestapeld of niet de pagina-inhoud representeert. Google kiest dan de H1 of een andere tekst uit de pagina.</p></details>
<details><summary>Hoe lang mag een meta-titel zijn?</summary><p>Fysiek onbeperkt maar pixel-budget is ~580px (desktop). Praktisch: 50-60 tekens. Langer wordt afgekapt met '...'.</p></details>
<details><summary>Moet ik een emoji in mijn titel zetten?</summary><p>Kan CTR verhogen in branche-afhankelijke SERPs, maar Google kan emojis filteren. Test A/B voordat je rolt dit uit.</p></details>
</div>
<h2>Gerelateerde termen</h2><div class="glossary-related"><a href="/glossarium/meta-description/">Meta-description</a><a href="/glossarium/h1-tag/">H1-tag</a><a href="/glossarium/ctr/">Click-through rate (CTR)</a><a href="/glossarium/search-intent/">Search intent</a><a href="/glossarium/javascript-seo/">JavaScript SEO</a><a href="/glossarium/serp/">SERP</a></div>
<h2>Verder lezen</h2><ul class="glossary-prose" style="padding-left:0;list-style:none;"><li>→ Onze dienst: <a href="/diensten/seo/">SEO</a></li></ul>
</div>
</article>
<section class="mx-auto max-w-7xl px-4 py-16 text-center sm:px-6 sm:py-20 lg:px-8">
<h2 class="text-3xl font-bold text-[var(--color-text)] sm:text-4xl">Hulp nodig bij SEO of GEO?</h2>
<p class="mx-auto mt-4 max-w-xl text-lg text-[var(--color-text-muted)]">Wij helpen Bitcoin-, AI- en fintechbedrijven gevonden te worden in Google én in AI-zoekmachines.</p>
<a href="/afspraak/" class="mt-8 inline-flex items-center justify-center rounded-lg bg-[var(--color-primary-btn)] px-8 py-3 text-base font-semibold text-white transition-colors hover:bg-[var(--color-primary-btn)]/90">Plan een gesprek</a>
</section>
</main> <footer class="border-t border-[var(--color-border)] bg-[var(--color-background-alt)]"> <div class="mx-auto max-w-7xl px-4 py-12 sm:px-6 lg:px-8"> <div class="grid grid-cols-1 gap-8 md:grid-cols-2 lg:grid-cols-6"> <!-- Brand column --> <div class="lg:col-span-2"> <a href="/" class="inline-block"> <img src="/images/webrock-logo-dark.png" alt="Webrock Media" class="only-light h-7 w-auto sm:h-8" loading="lazy" width="750" height="140"> <img src="/images/webrock-logo.png" alt="Webrock Media" class="only-dark h-7 w-auto sm:h-8" loading="lazy" width="750" height="140"> </a> <p class="mt-4 max-w-xs text-sm text-[var(--color-text-muted)]"> Full-service digital marketing bureau. Gespecialiseerd in SEO, GEO, Google Ads, webdesign en webdevelopment voor Bitcoin, AI en Fintech bedrijven. Opgericht in 2020, met ruim 10 jaar ervaring in SEO en digital marketing. </p> <div class="mt-6 space-y-2"> <div class="flex items-center gap-2 text-sm text-[var(--color-text-muted)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="lucide lucide-map-pin h-4 w-4 shrink-0"> <path d="M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0"></path><circle cx="12" cy="10" r="3"></circle> </svg> <a href="https://maps.app.goo.gl/DiN8C2vUpgTyxF2V6" target="_blank" rel="noopener noreferrer" class="hover:text-[var(--color-primary)] transition-colors">Veemarktstraat 27A, 4811ZC, Breda</a> </div> <div class="flex items-center gap-2 text-sm text-[var(--color-text-muted)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="lucide lucide-mail h-4 w-4 shrink-0"> <path d="m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7"></path><rect x="2" y="4" width="20" height="16" rx="2"></rect> </svg> <a href="mailto:hallo@webrockmedia.nl" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors">
hallo@webrockmedia.nl
</a> </div> <div class="flex items-center gap-2 text-sm text-[var(--color-text-muted)]"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" class="lucide lucide-linkedin h-4 w-4 shrink-0"> <path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle> </svg> <a href="https://www.linkedin.com/company/webrock-media" target="_blank" rel="noopener noreferrer" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors">
LinkedIn
</a> </div> </div> <div class="mt-4"> <div class="inline-flex items-center gap-2 rounded-full border border-[var(--color-border)] bg-[var(--color-background)] px-3 py-1.5 text-xs text-[var(--color-text-muted)]"> <span class="text-[var(--color-primary)]">₿</span> <span>We accepteren Bitcoin</span> </div> </div> </div> <!-- Nav columns --> <div> <h3 class="text-sm font-semibold text-[var(--color-text)]">Diensten</h3> <ul class="mt-4 space-y-2"> <li> <a href="/diensten/seo/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> SEO </a> </li><li> <a href="/diensten/geo/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> GEO </a> </li><li> <a href="/diensten/sea/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Google Ads </a> </li><li> <a href="/diensten/webdesign/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Webdesign </a> </li><li> <a href="/diensten/copywriting/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Copywriting </a> </li><li> <a href="/diensten/consultancy/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Consultancy </a> </li><li> <a href="/diensten/lokale-seo/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Lokale SEO </a> </li><li> <a href="/diensten/server-side-tracking/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Server-side Tracking </a> </li> </ul> </div><div> <h3 class="text-sm font-semibold text-[var(--color-text)]">Sectoren</h3> <ul class="mt-4 space-y-2"> <li> <a href="/sectoren/bitcoin/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Bitcoin </a> </li><li> <a href="/sectoren/ai/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> AI </a> </li><li> <a href="/sectoren/fintech/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Fintech </a> </li> </ul> </div><div> <h3 class="text-sm font-semibold text-[var(--color-text)]">Gratis tools</h3> <ul class="mt-4 space-y-2"> <li> <a href="/gratis-scan/seo-scan/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Gratis SEO Scan </a> </li><li> <a href="/gratis-scan/ads-scan/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Gratis Ads Scan </a> </li><li> <a href="/gratis-scan/website-scan/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Gratis Website Scan </a> </li><li> <a href="/seo-roi-calculator/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> SEO ROI Calculator </a> </li><li> <a href="/sea-roi-calculator/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> SEA ROI Calculator </a> </li><li> <a href="/ai-readiness-quiz/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> AI-Readiness Quiz </a> </li><li> <a href="/btc-invoice-calculator/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> BTC Invoice Calculator </a> </li><li> <a href="/llms-generator/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> LLMs.txt Generator </a> </li> </ul> </div><div> <h3 class="text-sm font-semibold text-[var(--color-text)]">Webrock Media</h3> <ul class="mt-4 space-y-2"> <li> <a href="/over/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Over ons </a> </li><li> <a href="/portfolio/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Portfolio </a> </li><li> <a href="/blog/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Blog </a> </li><li> <a href="/glossarium/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Glossarium </a> </li><li> <a href="/contact/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Contact </a> </li><li> <a href="/vacatures/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Vacatures </a> </li><li> <a href="/prijzen/" style="min-height:0" class="text-sm text-[var(--color-text-muted)] hover:text-[var(--color-primary)] transition-colors"> Tarieven </a> </li> </ul> </div> </div> <!-- Newsletter --> <div class="mt-12 border-t border-[var(--color-border)] pt-8"> <div class="flex flex-col items-start justify-between gap-4 sm:flex-row sm:items-center"> <div> <h3 class="text-sm font-semibold text-[var(--color-text)]"> Nieuwsbrief </h3> </div> <form id="newsletter-form" class="flex w-full max-w-md gap-2 sm:w-auto"> <input type="email" name="email" required placeholder="Je e-mailadres" class="w-full rounded-lg border border-[var(--color-border)] bg-[var(--color-background)] px-4 py-2 text-sm text-[var(--color-text)] placeholder:text-[var(--color-text-muted)] focus:border-[var(--color-primary)] focus:outline-none focus:ring-1 focus:ring-[var(--color-primary)] sm:w-64"> <button type="submit" class="rounded-lg bg-[var(--color-primary-btn)] px-4 py-2 text-sm font-medium text-white transition-colors hover:bg-[var(--color-primary-btn)]/90" aria-label="Formulier verzenden"> Aanmelden </button> </form> <div id="newsletter-message" class="mt-2 text-sm" style="display:none"></div> </div> </div> <!-- Bottom bar --> <div class="mt-8 flex flex-col items-center justify-between gap-4 border-t border-[var(--color-border)] pt-8 text-xs text-[var(--color-text-muted)] sm:flex-row"> <div class="flex flex-wrap items-center gap-x-3 gap-y-1"><p>© 2026 Webrock Media. Alle rechten voorbehouden.</p><p class="text-[var(--color-text-muted)]">KvK: 76840328 · BTW: NL003141010B81</p></div> <div class="flex gap-4"> <!-- WB-PATCH:footer-dashboard --><a href="/bitcoin-dashboard/" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors"> Bitcoin Dashboard </a> <a href="/privacybeleid/" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors"> Privacybeleid </a> <a href="/algemene-voorwaarden/" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors"> Algemene voorwaarden </a> <a href="/cookies/" style="min-height:0" class="hover:text-[var(--color-primary)] transition-colors"> Cookiebeleid </a> </div> </div> </div> </footer> <script>(function(){const endpoint = "https://script.google.com/macros/s/AKfycbxZCJ1nwXZl4v48zGeoO5YDY8WBrFMbPf61Pg9EtPO5c1i9jKt5UBTBtRCxrokaFx6A/exec";
const locale = "nl";
document.addEventListener("DOMContentLoaded", () => {
const form = document.getElementById("newsletter-form");
const msg = document.getElementById("newsletter-message");
if (!form) return;
form.addEventListener("submit", async (e) => {
e.preventDefault();
const btn = form.querySelector('button[type="submit"]');
const originalText = btn.textContent;
btn.disabled = true;
btn.textContent = "...";
const email = form.querySelector('input[name="email"]').value;
try {
await fetch(endpoint, {
method: "POST",
mode: "no-cors",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
type: "Newsletter",
email: email,
locale: locale,
}),
});
msg.textContent = locale === "nl" ? "Bedankt voor je aanmelding!" : locale === "de" ? "Danke für Ihre Anmeldung!" : "Thanks for subscribing!";
msg.className = "mt-2 text-sm text-green-400";
msg.style.display = "block";
form.reset();
} catch (error) {
msg.textContent = locale === "nl" ? "Er ging iets mis. Probeer het later opnieuw." : locale === "de" ? "Etwas ist schief gelaufen. Versuchen Sie es später erneut." : "Something went wrong. Please try again later.";
msg.className = "mt-2 text-sm text-red-400";
msg.style.display = "block";
} finally {
btn.disabled = false;
btn.textContent = originalText;
}
});
});
})();</script> </body></html>
De meta-titel is de klikbare titel van een webpagina in zoekresultaten en browsertabs, meestal ingesteld via de HTML-tag