SEO 15 May 2019  |  4985   6   |  Lesezeit 8 Minuten  – Später lesen

Programmierung für SEO — so geht's!

Programmierung für SEO — so geht's!

Andrey Belousov
Growth Hacker bei Serpstat
Immer wieder entsteht die Frage, ob ein guter SEO programmieren können muss. Klar ist bisher nur eins — die Programmierkenntnisse ohne Zweifel helfen, die Effektivität deiner Arbeit zu steigern und über Standardmöglichkeiten der SEO-Tools hinauszugehen.
Vor Kurzem haben wir den ersten Artikel unserer Hackerrubrik veröffentlicht, der darüber erzählt, wie du das Serpstat-Skript zur Wettbewerbsanalyse anwendest. In diesem Artikel wird erklärt, wie du mit Serpstat-API direkt im Browser programmieren kannst, um große Datenmengen für SEO-Zwecke zu analysieren und je nach deinen Bedürfnissen zu systematisieren.

Wozu brauchst du eine API-Schnittstelle?

Obwohl Serpstat über vielfältige Funktionen verfügt, können deine täglichen Aufgaben einen besonderen Einsatz erfordern. Wenn du für deine SEO-Routine eine ungewöhnliche Analyse der riesigen Datenmenge brauchst, dann ist API von Serpstat eine gute Lösung für dich.

Hochwertige Keywordrecherche, Untersuchung der Top-Suchergebnisse in wenigen Sekunden, schnelle Wettbewerbsanalyse und Suche nach ungewöhnlichen Lösungen sind nur einige der vielen Vorteile, die der API-Zugang von Serpstat bietet. Alles von der Analyse der einzelnen Website bis zu Crawling mit komplexen Auswertungen steht dir zur Verfügung.
      Wichtig! Um mit API zu arbeiten, brauchst du keine Programmierkenntnisse. Mehr zur Anwendung der Schnittstelle findest du in der Anleitung.
      Hier sind ein paar Beispiele der Aufgaben, die mit API gelöst werden:

      • Analyse der Positionen und Sichtbarkeit deiner Website und Wettbewerber.
      • Bewertung der SEO-Leistungen je nach Region.
      • Tiefgehende Analyse der Wettbewerber.
      • Keywordrecherche und Analyse der URLs.
      • Suche nach thematisch relevanten Foren, Blogs und Websites.
      Bekomme einen schnellen Überblick und spare deine Zeit

      Möchtest du persönliche Serpstat-Demonstration, die Testversion oder erfolgreiche Use-Cases bekommen? Sende eine Demo-Anfrage und unser Support-Team kontaktiert dich ;)

      Neue Möglichkeiten mit JavaScripts SDK

      Neben der API-Konsole, die die API-Anwendung wesentlich erleichtert, steht seit Kurzem JavaScripts SDK von Serpstat zur Verfügung. Diese Schnittstelle lässt nicht nur auf der Node.js-Plattform, sondern auch direkt im Browser coden.

      In diesem Fall sind keine Aufsetzung der Webserver erforderlich, so wird die API-Anwendung schneller und einfach denn je sein. Um zu beginnen, solltest du nur unseren Code im Browser öffnen.
      #1

      Beginn der Arbeit

      Um neue API-Möglichkeiten zu versuchen:
      1
      Erstelle eine HTML-Datei.
      2
      Öffne sie mit einem beliebigen Texteditor.
      3
      Füge diesen Code hinzu:
      <script src="https://cdn.jsdelivr.net/npm/serpstat-api-3/serpstat-api.js"></script>
      <pre id="res"></pre>
      <script>
          var api = SerpstatAPI.init({
               token   : "ENTER TOKEN HERE" 
          });
         api.databases_info().then(function(bases){
            document.getElementById("res").innerHTML = JSON.stringify(bases,null,"  ");
         })
      </script>
      3
      Schreibe dein Serpstat-API-Token anstatt "ENTER TOKEN HERE" ein.
      3
      Speichere die Datei.
      3
      Öffne sie im Browser.
      Wie du siehst, kannst du dies leicht wiederholen. Ich erkläre nur einige Einzelheiten im Code:
      Einschließen der SDK:
      <script src="https://cdn.jsdelivr.net/npm/serpstat-api-3/serpstat-api.js"></script>
      <pre id="res"></pre>
      Hier werden Ergebnisse angeführt:
      <pre id="res"></pre>
      Einfügung des Tokens:
      var api = SerpstatAPI.init({
            token   : "ENTER TOKEN HERE" 
       });
      
      Gewählte API-Methode:
       api.databases_info()
      Danach wird der Code unten durchgeführt:
      .then(function(bases){
      Ergebnisse werden im Tag mit id res eingeschrieben:
      document.getElementById("res").innerHTML = JSON.stringify(bases,null,"  ");
      #2

      Async/Await oder then?

      Weiter werden wir die Schlüsselwörter async/await im Code anwenden. Obwohl sie die Programmierung erleichtern, haben sie einen Nachteil: sie können in veralteten Browsern nicht unterstützt werden. Wenn du ein öffentliches Utility erstellst, verwende besser das Schlüsselwort "then":
      async/await
      async function someFun(){
          var res1 = await(api.someMethod1(...));
          …
          var res2 = await(api.someMethod2(...));
          ….
      }
      then
      function someFun(){
          api.someMethod1(...).then(function(res1){
                   ...
                   api.someMethod2(...).then(function(res2){
                      ...
                    });
          });
      }
      So sieht der Code mit async/await aus:
      <script src="https://cdn.jsdelivr.net/npm/serpstat-api-3/serpstat-api.js"></script>
      <pre id="res"></pre>
      <script> (async function(){
          var api = SerpstatAPI.init({
               token   : "ENTER TOKEN HERE" 
          });
         var bases = await(api.databases_info());
         document.getElementById("res").innerHTML = JSON.stringify(bases,null,"  ");
      })();</script>

      Anwendung der Serpstat-API-Konsole

      #1

      Oberfläche und Beispiele

      Ein weiteres Weg die Arbeit mit API zu beginnen: den JS-Code in der API-Konsole-Umgebung ausführen. Um dies zu tun, wähle die Methode Misc. und die Option → Run Javascript Code.
      1
      Beispiel. Wenn du möchtest alle Regionen anschauen, die zur Analyse im Serpstat verfügbar sind, solltest du:

      1. Dein Token eingeben.
      2. die Methode "Run Javascript Code" auswählen.
      3. Den Code einschreiben:
       
      var bases = await (api.databases_info());
      return bases; 
      2
      Beispiel. Ich zeige anhand eines konkreten Beispiels, wie du eine komplizierte Aufgabe erfüllst. Nehmen wir den Fall an, dass du Informationen zu deiner Domain in allen Regionen finden möchtest. So sieht der Code, der die Daten zur serpstat-Domain liefert.
      //Datenbanken bekommen
      var bases   = await (api.databases_info());
      
      //Kodezeichen der Datenbanken
      var se = [];
      for(var i = 0; i<bases .length; i++){
          se.push(bases [i].db_name);      
      }
      
      //Daten je nach Region bekommen
      var res = await(api.domain_info({
         query: 'serpstat.com',
         se: se   
      }));
      return res; 
      Die Ausführung des Codes wird einige Minuten dauern. Danach bekommst du den Bericht zu analysierten Domain, wo Zeilen die Domain-Parameter (Sichtbarkeit, Traffic usw.) und Spalten die Regionen widerspiegeln.
      Wenn du auf eine andere Weise die Daten darstellen und Spalten und Zeilen des Berichts tauschen möchtest, kannst du folgenden Code anwenden.
      Wichrig! Bevor du den Code ausführst, solltest du "Remove Duplicates" deaktivieren.
      //Datenbanken bekommen
      var bases   = await (api.databases_info());
      
      //Kodezeichen der Datenbanken
      var se = [];
      for(var i = 0; i<bases.length; i++){
          if(bases [i].db_name[0]==='y'){
               se.push(bases [i].db_name);   
          }   
      }
      
      //Daten je nach Region bekommen
      var res = await(api.domain_info({
         query: 'serpstat.com',
         se: se   
      }));
      
      //Tabelle drehen
      var transope = [];
      var rowNames = Object.keys(res[0]) 
      
      for(var i=0; i<rowNames.length; i++){
          var rowName = rowNames[i];
          var row     = {name: rowName};
          for(var j=0;j<res.length;j++){
              row['se_'+res[j]._se] = res[j][rowName];
          }
          transope.push(row);
      }
      return transope;
      Und das Ergebnis:
      Die API-Konsole verfügt über eigene Oberfläche, die eine Vielzahl der Funktionalitäten zur Darstellung des Codes und Bearbeitung der Daten bietet: Tabellen, Filter, SQL und Export in CSV- und XLSX-Formaten. Das heißt, kannst du deinen eigenen Code abspielen, erhaltene Angaben als XLSX oder CSV-Datei exportieren und mit MS Excel oder Google Spreadsheets öffnen.
      #2

      Option-Anwendung

      Wenn "Show options" aktiv ist, kannst du Optionen der API-Konsole (opts.query oder opts.se) beanspruchen, die sich in der opts-Variable befinden.
      var res = await(api.domain_info({
         query: opts.query,
         se: opts.se  
      }));
      return res; 
      Oder:
      var res = await(api.domain_info(opts));
      return res; 
      Wie du siehst, eröffnet API von Serpstat neue Horizonte für SEOs. Besonders, wenn es um große Agenturen und Inhouse-Teams geht, für die die Automatisierung der SEO-Aufgaben ein hartes Muss ist. Es ist einfacher denn je, mit Serpstat-API-Konsole zu programmieren, weil sie keine Serveraufsetzung erfordert und bei erster Anwendung nicht mehr als 10 Minuten braucht.

      blog_main_page_trial_form_header

      article_trial_block_first_line

      article_trial_block_second_line

      Starten!

      Rate the article on a five-point scale

      The article has already been rated by 2 people on average 5 out of 5
      Hast du einen Fehler gefunden? Markiere diesen und betätige Ctrl + Enter, um es uns mitzuteilen

      discover_more_seo_tools

      seo_seo_block_title_1

      seo_seo_block_text_1

      seo_seo_block_title_2

      seo_seo_block_text_2

      seo_seo_block_title_3

      seo_seo_block_text_3

      seo_seo_block_title_4

      seo_seo_block_text_4

      Teile den Artikel in sozialen Netzwerken :)

      Are you sure?

      Persönliche Produktdemonstration

      Serpstat hilft dir, noch mehr Zeit zu sparen! Bitte fülle das Formular vollständig aus — du wirst schnellstmöglich von einem unserer Produktspezialisten kontaktiert.

      Persönliche Demonstration umfasst den Testzeitraum des Services, umfangreiche Anleitungen und Webinare, individuelle Beratung von Serpstat-Experten. Wir machen alles, damit du mit Serpstat zurechtkommst.

      Name

      Email

      Telefonnummer

      Wir freuen uns auf deine Kommentare
      Ich stimme den Datenschutz-Policy von Serpstat zu..

      Спасибо, мы с вами свяжемся в ближайшее время

      Open support chat
      mail pocket flipboard Messenger telegramm