Google ändert vermehrt Seitentitel in den Suchergebnissen
Nach einigen Entdeckungen in der SEO-Welt gab es am 24. August 2021 ein offizielles Statement von Google zur Verarbeitung von Seitentiteln in den Suchergebnissen. Unter dem Titel „An update to how we generate web page titles“ erklärte Google nun, dass auch Überschriften als Seitentitel verwendet werden können oder Google auch gerne mal eigene Kreationen verwendet, wenn es (laut Google) besser zur entsprechenden Suchanfrage passt.
Aber natürlich kann nicht jede Seite manuell getestet werden und auch wenn Sistrix schnell reagiert hat und dafür eine extra Lösung im Tool angeboten hat (Quelle), möchte ich euch hier heute eine geniale und einfache kostenlose Lösung vorstellen.
Bookmarklet: Vergleich von Titeln & H1 Tags
Ausgehend von der erste Idee (weiter unten) hat Christian Hänsel das ganze noch etwas weiter gesponnen und vergleicht nun den Seitentitel in den Google Ergebnissen nicht nur mit dem Meta-Title sondern auch direkt mit der H1-Überschrift. Ziemlich praktisch um noch mehr Insights dazu zu bekommen.
javascript:(function(q)%7Bfunction h()%7Bconsole.log("jQuery version "%2C%24.fn.jquery%2C" loaded")%3B%24("%23chtop").length%26%26%24("%23chtop").remove()%3B%24("%23result-stats").append('<%2Fdiv>')%3B%24("%23chtop").append('Please wait...<%2Fdiv>')%3Bvar k%3D1%2Cf%3D%5B%5D%2Cl%3D%24('%23rso .kp-blk .g%2C %23rso .g%5Bclass%3D"g"%5D%2C %23rso .srg .g').not(".kno-kp .g").find("div%3Afirst").find("a%3Afirst")%3B%24(".title-changed%2C %23CountTitlesChanged").remove()%3Bconsole.log(l)%3Bl.each(function()%7Bif(!%24(this).parents(".related-question-pair").length)%7Bvar c%3D0<%24(this).closest(".tF2Cxc").length%3F%24(this).closest(".tF2Cxc")%3A%24(this).closest("li")%3Bf.push(%5Bk%2C%24(this).find("h3").text()%2CencodeURI(%24(this).attr("href"))%2Cc%5D)%3Bk%2B%2B%7D%7D)%3Bvar m%3D%5B%5D%2Cn%3D1%3Bcors_proxies%3D%5B"https%3A%2F%2Fapi.codetabs.com%2Fv1%2Fproxy%3Fquest%3D"%2C"https%3A%2F%2Fjsonp.afeld.me%2F%3Furl%3D"%2C"https%3A%2F%2Fcors.bridged.cc%2F"%5D%3Bf.forEach(function(c)%7Bvar d%3D%7B%7D%3Bd.url%3Dc%5B2%5D%3B%24.ajax(%7Burl%3Acors_proxies%5BMath.floor(Math.random()*cors_proxies.length)%5D%2Bc%5B2%5D%2Csuccess%3Afunction(a%2Cb%2Ce)%7Btitle%3D%24(a).filter("title").text().trim()%3Ba%3D%24(a).find("h1%3Afirst").text().trim()%3Bd.pageTitle%3Dtitle%3Bd.googleTitle%3Dc%5B1%5D%3Bd.pageH1%3Da%3Bd.uses_title%3D!1%3Bd.uses_h1%3D!1%3Bd.title_rewritten%3D!1%3Bb%3D''%3Be%3D!1%3Ba%3D%3Dc%5B1%5D%26%26(e%3D!0)%3Btitle!%3Dc%5B1%5D%3F(b%2B%3D'Title%3A '%2Btitle%2B"<%2Fspan>"%2Cp%2B%2B%2Cd.title_rewritten%3D!0)%3Ab%2B%3D'Title%3A '%2Bc%5B1%5D%2B"<%2Fspan>"%3Bb%2B%3D''%3Bb%3Da.length%26%26"string"%3D%3D%3Dtypeof a%3Fb%2B("h1 (1st)%3A "%2Ba)%3Ab%2B"No h1 found on page"%3Bb%2B%3D"<%2Fdiv>"%3Be%26%26(d.uses_h1%3D!0%2Cb%2B%3D'USES H1<%2Fb><%2Fdiv>')%3Bb%2B%3D"<%2Fdiv>"%3Bc%5B3%5D.find("div").first().append(b)%3Bm.push(d)%7D%2Cerror%3Afunction(a%2Cb%2Ce)%7Bc%5B3%5D.find("div").first().append('Error%3A Request could not be processed<%2Fspan><%2Fdiv>')%7D%2Ccomplete%3Afunction(a%2Cb)%7Bn%3D%3Df.length%3F(%24("%23result-stats").append(' - '%2Bp%2B" titles have changed<%2Fspan>")%2C%24("%23chtop").append('Download JSON<%2Fspan>')%2Cdocument.getElementById("waitforme").style.display%3D"none")%3An%2B%2B%7D%7D)%7D)%3B%24(document).on("click"%2C"%23downloadJsonData"%2Cfunction()%7Bvar c%3D"comparison-"%2B%24("input%5Bname%3Dq%5D").val()%2Cd%3D"data%3Atext%2Fjson%3Bcharset%3Dutf-8%2C"%2BencodeURIComponent(JSON.stringify(m))%2Ca%3Ddocument.createElement("a")%3Ba.setAttribute("href"%2Cd)%3Ba.setAttribute("download"%2Cc%2B".json")%3Bdocument.body.appendChild(a)%3Ba.click()%3Ba.remove()%7D)%7Dvar p%3D0%3Bif("undefined"%3D%3Dtypeof jQuery)%7Bvar g%3Ddocument.createElement("script")%3Bg.src%3D"https%3A%2F%2Fcode.jquery.com%2Fjquery-latest.min.js"%3Bg.onload%3Dh%3Bq.body.appendChild(g)%7Delse h()%7D)(document)%3Bvoid+0
Bookmarklet: Title Tag oder Google-Kreation?
Aber natürlich kann nicht jede Seite manuell getestet werden und auch wenn Sistrix schnell reagiert hat und dafür eine extra Lösung im Tool angeboten hat (Quelle), möchte ich euch hier heute eine geniale und einfache kostenlose Lösung vorstellen.
javascript: (function (doc){var changed=0; function checkTitles(){console.log('jQuery version ', $.fn.jquery, ' loaded'); var position=1; var items=[]; var results=$('#rso .kp-blk .g, #rso .g[class="g"], #rso .srg .g').not('.kno-kp .g').find('div:first').find('a:first'); $('.title-changed, #CountTitlesChanged').remove(); results.each(function (){if (!$(this).parents('.related-question-pair').length){var parent=$(this).closest('.tF2Cxc').length > 0 ? $(this).closest('.tF2Cxc') : $(this).closest('li'); items.push([ position, $(this).find('h3').text(), encodeURI($(this).attr('href')), parent]); position++;}}); var numItems=1; cors_proxies=[ 'https://api.codetabs.com/v1/proxy?quest=', 'https://jsonp.afeld.me/?url=',]; items.forEach(item=>{$.ajax({url: cors_proxies[Math.floor(Math.random() * cors_proxies.length)] + item[2], success: function (data, status, xhr){title=$(data).filter('title').text(); var html=''; if (title !=item[1]){html +='' + title + ''; changed++;}else{html +='' + item[1] + '';}html +=''; item[3].find('div').first().append(html);}, error: function (xhr, status, error){var html=''; html +='Error: No se ha podido procesar la solicitud'; html +=''; item[3].find('div').first().append(html);}, complete: function (xhr, status){if (numItems==items.length){petitionCompleted();}else{numItems++;}}});});}function petitionCompleted(){$('#result-stats').append(' - ' + changed + ' títulos cambiados en esta página');}if (typeof jQuery=='undefined'){var script_jQuery=document.createElement('script'); script_jQuery.src='https://code.jquery.com/jquery-latest.min.js'; script_jQuery.onload=checkTitles; doc.body.appendChild(script_jQuery); console.log('script_jQuery appended to body');}else{console.log('jQuery already included ...'); checkTitles();}})(document)
So installierst du die Bookmarklets
Die „Installation“ ist denkbar einfach. Markiere einfach den javascript code und ziehe ihn in deine Lesezeichen-Leiste des Browsers. Ich nutze hierfür Google Chrome, es sollte aber auch mit Mozilla Firefox funktionieren.
Anschließend kannst du in jeder Google Suche einfach das Lesezeichen anklicken um den Javascript-Code auszuführen und schon seht ihr in unterschiedliche bzw. gleiche Titel.
Quelle der Zauberei
Das Script wurde nicht von mir entwickelt sondern von Fede Gómez ( https://www.fedegomez.es/ ) das original Script findest du unter https://gist.github.com/fedegomez/7b4601e2cc9491e004189e9a23dd35b1
Zusätzlich kannst du ihm auch bei Twitter folgen: https://twitter.com/_fede_gomez_
Aktuelle Artikel aus meinem Blog
Die neusten Tools aus meinem Verzeichnis
Mit dem Absenden eines Kommentars stimmst du unserer Datenschutzerklärung und der Speicherung von dir angegebener, personenbezogener Daten zu.
Über den Autor
Hey, ich bin Jens Polomski, Blogger, LinkedIn Content Creator und Online-Marketing Freelancer.
Hier dreht sich alles um den Einsatz der richtigen Tools für dein Marketing sowie aktuelle Themen rund zum Thema Online-Marketing.
Mein Tool-Newsletter
In meinem kostenlosen Newsletter (2.700+ Abos) bekommst du noch mehr Tools & Tipps.
Meine Dienstleistungen
Dein KI-Update Newsletter 🤖
Erfahre als erster von News und Tools aus der Welt der künstlichen Intelligenz
4 gute Gründe für meinen Newsletter
- Über 27.000 Abos
- Die neusten News & Tools zum Thema KI
- Tutorials und Case-Studies
- Gelesen von führenden Agenturen und Marketers