This site uses cookies and other tracking technologies to make possible your usage of the website, assist with navigation and your ability to provide feedback, analyse your use of our products and services, assist with our promotional and marketing efforts, and provide better user experience.

By using the website, you agree to our Datenschutzerklärung

Accept and continue

Report a bug

Cancel
612 37
SEO Lesezeit 9 Minuten 15 May 2019

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.

      Erfahre, wie du Serpstat mit bestmöglicher Effizienz verwendest

      Möchtest du persönliche Produktdemonstration, die Testversion oder erfolgreiche Use-Cases bekommen?

      Sende eine Anfrage und unser Support-Team kontaktiert dich ;)

      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

      Teile den Artikel in sozialen Netzwerken :)

      Einloggen Registrieren

      Вы исчерпали лимит запросов.

      Or email
      Забыли пароль?
      Or email
      Back To Login

      Don’t worry! Just fill in your email and we’ll send over your password.

      Are you sure?

      Awesome!

      To complete your registration you need to enter your phone number

      Back

      We sent confirmation code to your phone number

      Your phone Resend code queriesLeft

      smthWentWrong

      contactSupport
      telegramVerification telegramBotLink
      Choose the project to view data on it

      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

      Upgrade your plan

      Export is not available for your account. Please upgrade to Plan A or higher to get access to the tool. Learn more.

      Sign Up Free

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

      Invite
      Просмотр Редактирование

      E-mail
      Message
      Optional
      E-mail
      Message
      Optional

      У вас закончились лимиты

      Вы достигли лимита на количество созданных проектов и больше не можете создавать новые проекты. Увеличьте лимиты или удалите существующие проекты.

      Я хочу больше лимитов