<\/figure>\n\n\n\nImplementierung des neuen Codes<\/h3>\n\n\n\n Wir wollen aber, dass das Formular immer noch verwendet wird, wenn jemand eine Kontaktanfrage ausf\u00fcllt oder unseren WEVENTURE-Newsletter abonniert. Deshalb wird eine neue Javascript-Datei<\/strong> erstellt. Der Code wird aktiviert, wenn jemand in das Feld klickt<\/strong>. Das sieht dann wie folgt aus und ruft die Funktion ReCAPTCHA.js auf:<\/p>\n\n\n\nfunction cf7_defer_recaptcha() {\n wp_enqueue_script('cf7recap', get_template_directory_uri() . '\/recaptcha.js', array('jquery'), '1.0');\n}\nadd_action('get_footer', 'cf7_defer_recaptcha');\n<\/code><\/pre>\n\n\n\nSuper! Fast geschafft! Fast …<\/strong><\/p>\n\n\n\nDieser Code ist implementiert, um das ReCAPTACHA-Formular zu laden, damit es richtig funktioniert. Aus Sicherheitsgr\u00fcnden haben wir unseren ReCAPTCHA-Schl\u00fcssel nicht angezeigt. Aber wir haben ihn mit “Put your own key here” markiert. Das ist die Stelle, an dem du deinen Schl\u00fcssel einf\u00fcgst, wenn du diesen Code f\u00fcr deine Website verwendest.<\/p>\n\n\n\n
var captchaLoaded = false;\n\n$( document ).ready(function() {\n\n\/\/Load reCAPTCHA script when CF7 form field is focused\n$('.wpcf7-form input').on('focus', function() {\n\/\/ If we have loaded script once already, exit.\nif (captchaLoaded)\n{\nreturn;\n}\n\n\/\/ Variable Intialization\nconsole.log('reCAPTCHA script loading.');\nvar head = document.getElementsByTagName('head')[0];\nvar recaptchaScript = document.createElement('script');\nvar cf7script = document.createElement('script');\n\n\/\/ Add the recaptcha site key here.\nvar recaptchaKey = 'PUT YOUR OWN KEY HERE';\n\n\/\/ Dynamically add Recaptcha Script\nrecaptchaScript.type = 'text\/javascript';\nrecaptchaScript.src = 'https:\/\/www.google.com\/recaptcha\/api.js?render=' + recaptchaKey + '&ver=3.0';\n\n\/\/ Dynamically add CF7 script\ncf7script.type = 'text\/javascript';\n\ncf7script.text = \"!function(t,e){var n={execute:function(e){t.execute(\\\"\" + recaptchaKey +\"\\\",{action:e}).then(function(e){for(var t=document.getElementsByTagName(\\\"form\\\"),n=0;n<t.length;n++)for(var c=t[n].getElementsByTagName(\\\"input\\\"),a=0;a<c.length;a++){var o=c[a];if(\\\"_wpcf7_recaptcha_response\\\"===o.getAttribute(\\\"name\\\")){o.setAttribute(\\\"value\\\",e);break}}})},executeOnHomepage:function(){n.execute(e.homepage)},executeOnContactform:function(){n.execute(e.contactform)}};t.ready(n.executeOnHomepage),document.addEventListener(\\\"change\\\",n.executeOnContactform,!1),document.addEventListener(\\\"wpcf7submit\\\",n.executeOnHomepage,!1)}(grecaptcha,{homepage:\\\"homepage\\\",contactform:\\\"contactform\\\"});\";\n\n\/\/ Add Recaptcha Script\nhead.appendChild(recaptchaScript);\n\n\/\/ Add CF7 Script AFTER Recaptcha. Timeout ensures the loading sequence.\nsetTimeout(function() {\nhead.appendChild(cf7script);\n}, 200);\n\n\/\/Set flag to only load once\ncaptchaLoaded = true;\n});\n});\n<\/code><\/pre>\n\n\n\nCheckmate!<\/h3>\n\n\n\n Wir haben die Seite nun erneut mit dem Network-Tool untersucht. Und du kannst die Ergebnisse sehen, indem du in ein Feld des Kontaktformulars klicken. Ich habe auf das Feld “Name” geklickt, wie man an dem kleinen Balken erkennen kann. Und genau dann springt der Code an. Auf der rechten Seite ist die Zeile “js.js.” nicht mehr die letzte Zeile. Ausserdem erscheint das ReCAPTCHA-Logo auf der Seite! Jetzt ist unser ReCAPTCHA-Formular SEO-optimiert!<\/p>\n\n\n\n <\/figure>\n\n\n\n \n\n\n\n4. Auswirkungen und Fazit<\/h2>\n\n\n\n Im SEO ist es nicht immer einfach, eine einzige \u00c4nderung kausal an die Verbesserung der Website pinnen. Es ist die stringente Arbeit und Optimierung, die sich langfristig positiv auf die Seitengeschwindigkeit auswirkt. Durch die regelm\u00e4ssige \u00dcberpr\u00fcfung unseres Page Speed Score konnten wir jedoch feststellen, dass sich unser Page Speed Insights Score f\u00fcr die WEVENTURE-Seite verbessert hat. <\/p>\n\n\n\n\n\n
\n\n \n\n
Das will ich auch! SEO & Tech-Quick-Check!<\/a>\n \n\n <\/div>\n\n\n\n <\/figure>\n\n\n\nBesonders auf dem Desktop haben wir einen Gesamtscore von 95 erreicht. Die Verbesserung f\u00fcr mobile Ger\u00e4te stieg von 38 auf 42. Wir werden weiterhin an der Optimierung unserer Website arbeiten und dich \u00fcber n\u00fctzliche \u00c4nderungen auf dem Laufenden halten, die dir auch bei deiner Website helfen k\u00f6nnen. Wenn du nichts mehr verpassen willst, vergiss nicht, dich f\u00fcr unseren Newsletter anzumelden. Bei Fragen kontaktiere uns gerne!<\/p>\n","protected":false},"excerpt":{"rendered":"
Wie du dein ReCAPTCHA-Formular SEO-optimierst Schnell ladende Websites – sie sind nicht nur bei Nutzer:innen, sondern auch bei Suchmaschinen beliebt. Aber sie sind oftmals nicht so einfach zu erstellen. Wir zeigen euch, wie wir das ReCAPTCHA-Formular seo-optimiert haben und wie wir dadurch unseren Page Speed verbessert haben! Kurze Einf\u00fchrung in die Core Web Vitals Grundlegendes […]<\/p>\n","protected":false},"author":28,"featured_media":58042,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"inline_featured_image":false},"categories":[1267,7534],"tags":[],"acf":[],"yoast_head":"\n
ReCAPTCHA Formular SEO optimieren | WEVENTURE<\/title>\n \n \n \n \n \n \n \n \n \n \n \n \n \n\t \n\t \n\t \n \n \n \n \n\t \n\t \n\t \n