Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

collapse

* Neuigkeiten der NOF-Community

Einige Boards sind archiviert und stehen nur noch zum Lesen zur Verfügung. Support wird für die geschlossenen Boards zukünftig nicht mehr geleistet.

Die letzten Beiträge

Autor Thema: Rich Snippets in NetObjects Fusion verwenden  (Gelesen 2558 mal)

0 Mitglieder und 1 Gast betrachten dieses Thema.

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Rich Snippets in NetObjects Fusion verwenden
« am: 27. März 2013, 11:17:36 »
Beim Versuch Tante Google zur Frage "Rich Snippets und NetObjects Fusion" ein Ergebnis zu entlocken stellte ich fest, dass das einzige deutschsprachige Ergebnis, welches auf Anhieb zu finden war, eine Frage aus unserem Forum ist, auf welche bis dato jedoch die Antwort aussteht.

Die Frage danach, wie man Rich Snippets in NetObjects Fusion einbinden /verwenden kann , sollte also dringend mal beantwortet werden und deshalb habe ich den Anfang gemacht und mich mit diesem Thema mal ein wenig auseinander gesetzt.
« Letzte Änderung: 01. April 2013, 22:06:55 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #1 am: 27. März 2013, 11:33:26 »
In diesem Tutorial möchte ich weniger darauf eingehen, was "Rich Snippets" bedeutet und welchen Sinn die Verwendung hat. Hierzu gibt es reichlich Informationen im Web die man sich erlesen kann. Deshalb beschränke ich mich in diesem Bereich auf einige hilfreiche Links.


Allgemeine Informationen:
Was sind Rich Snippets und wozu dienen sie?

Infos zu den unterschiedlichen Markup-Formaten:
Mikrodaten (empfohlen)
Mikroformate
RDFa

Informationen zu von Google unterstützten Inhaltstypen:
Erfahrungsberichte
Personen
Produkte
Unternehmen und Organisationen
Rezepte
Veranstaltungen
Musik

Testtool zum Testen eurer Website auf Rich Snippets:
http://www.google.com/webmasters/tools/richsnippets
« Letzte Änderung: 09. März 2014, 17:00:52 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #2 am: 27. März 2013, 11:56:31 »
Mir geht es vielmehr darum euch zu zeigen, wie ihr eure Markups in eurem Projekt platzieren könnt ohne dass ihr all eure Inhalte im Quelltext editieren müsst.
Ich habe da für mich eine recht praktische Methode herausgefunden, die ich euch nun anhand eines Beispiels aus den Google-Anleitungen demonstrieren möchte.

Ich habe mich bei meinem Beispiel für das Markup-Format "Mikrodaten" und den Inhaltstyp "Person" entschieden.
Das Beispiel findet ihr auf folgender Seite: http://support.google.com/webmasters/bin/answer.py?hl=de&answer=146646
Klickt bitte unten am Ende der Seite auf den Link "Mikrodaten" damit das entsprechende Beispiel ausgeklappt wird.
« Letzte Änderung: 09. März 2014, 17:01:08 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #3 am: 27. März 2013, 12:18:25 »
Ich habe also zunächst mal den Text aus dem Beispiel in leicht veränderter Form in ein Textfeld eingefügt.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Nun müssten wir den personenbezogenen Textabsatz mit einem div umschließen, welches auch gleich die Information zum Inhaltstyp beinhaltet. Konkret auf unser Beipiel bezogen heißt das, der Quellcode dieses besagten Textabsatzes müsste mit diesem Codeschnipsel beginnen:
Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


und mit diesem Codeschnipsel enden:
Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.



Um das Ganze umzusetzen zu können, aktiviert ihr zunächst mal die erweiterten Werkzeuge. Entnehmt die Vorgehensweise bitte dem folgenden Screenshot.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Im Anschluss setzt ihr mit einem Doppelklick den Cursor an den Anfang des Textes (der Cursor muss dort blinken) und klickt dann auf den Werkzeug-Button "Objekt-HTML".

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Es öffnet sich ein Fenster in welches ihr nun den öffnenden <div>-Tag einfügt. Die Eingabe bestätigt ihr mit einem Klick auf den "OK"-Button.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.



Im Anschluss setzt ihr den Cursor an Ende des personenbezogenen Absatzes, in meinem Beispiel also hinter Harald, klickt erneut den Button fürs Objekt-HTML und fügt im Fenster nun den schließenden <div>-Tag ein.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Als Ergebnis solltet ihr in Eurem Text nun an beiden Stellen ein kleines blaues Symbol sehen.

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.

« Letzte Änderung: 09. März 2014, 17:01:27 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #4 am: 27. März 2013, 19:58:27 »
Auf diese Weise verfahrt ihr nun mit allen anderen Einfügungen auch.
Als nächstes habe ich meinen Cursor vor den Namen |Michael Müller gesetzt und über den Objekt-HTML-Button einen <span>-Tag geöffnet:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


im Anschluss muss natürlich dieser <span>-Tag geschlossen werden. Also Cursor hinter Müller setzen....

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.



Dann wird der Nickname/Spitzname "Michi" umschlossen. Also wieder der Cursor einmal vor und einmal hinter den zu umschließenden Text setzen und über den Objekt-HTML-Button wieder den jeweiligen Code einfügen.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

« Letzte Änderung: 09. März 2014, 17:01:47 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #5 am: 27. März 2013, 20:10:13 »
Als nächstes folgt die Webadresse der umschriebenen Person. Das itemprop-Attribut für Links kann man bequem in das Link-html eingeben.
Hierzu klickt man beim Verlinken auf den html-Button am unteren Fensterrand und hat im Anschluss die Möglichkeit den Codeschnipsel im Link-HTML einzutragen.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.

« Letzte Änderung: 09. März 2014, 17:02:00 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #6 am: 27. März 2013, 21:50:54 »
Im Anschluss an die Webadresse befinden sich nun Daten zur Wohnanschrift der besagten Person im Text. Die Markups für diese Angaben verschachteln sich nun ein wenig.
Zunächst setze ich den Cursor an den Anfang dieser Angaben also vor "Köln" und öffne dort zwei <span>-Tags der erste Tag enthält das itemprop-Attribut für die Adresse und zusätzlich den itemtype Adresse und gilt sowohl für den Ort als auch für das Bundesland. Der zweite <span>-Tag konkretisiert die Adressangabe für Köln und beinhaltet das Attribut "locality".

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Den zweiten <span>-Tag schließe ich direkt nach dem Wort Köln wieder.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.



Mit dem Attribut "region" können wird die Angabe zum Bundesland noch ein wenig konkretisieren. Deshalb setzen wir den Cursor nun direkt vor das Wort "NRW" und öffnen dort erneut einen <span>-Tag mit dem entsprechenden itemprop-Attribut:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


sofort hinter dem Wort NRW wird dieser <span>-Tag wieder geschlossen und der <span>-Tag für das Adress-Attribut gleich mit:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

« Letzte Änderung: 09. März 2014, 17:02:15 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #7 am: 27. März 2013, 22:29:26 »
Die Tätigkeit der beschriebenen Personen "Mechaniker" kennzeichne ich mit:
   
Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

 
Den Namen der Firma in die Person ihre Tätigkeit ausübt, kennzeichne ich mit:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Und wenn ich Links zu den Websites meiner Freunde  Anna und Harald setze, dann füge ich folgendes Attribut ins Link-HTML dieser Links ein:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.
« Letzte Änderung: 09. März 2014, 17:02:30 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #8 am: 27. März 2013, 22:30:55 »
Wenn ihr alle Einfügungen getätigt habt, dann hat euer Text ein lustiges Punktmuster:

Screenshots sind nur für Mitglieder sichtbar. Bitte einloggen oder registrieren.
« Letzte Änderung: 09. März 2014, 17:02:43 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #9 am: 27. März 2013, 22:31:48 »
Der Quellcode eures Textes ohne Markups sieht so aus:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.


Nach Einfügung sieht er dann wie folgt aus:

Code:
1.

Dieser Code ist nur für Mitglieder sichtbar.
Bitte einloggen oder registrieren.
« Letzte Änderung: 09. März 2014, 17:02:58 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #10 am: 27. März 2013, 23:22:10 »
Ich habe mein Beispiel mal auf den Server geladen: http://demos.nof-community.de/RichSnippets_in_NetObjectsFusion/richsnippets_in_nof.html

Wenn ihr diesen Link nun in das Testtool eingebt, könnt ihr eine Auswertung der Einfügungen sowie eine Vorschau des Suchergebnisses ansehen.
« Letzte Änderung: 09. März 2014, 17:03:12 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Offline nettesekel

  • Administrator
  • *****
  • Beiträge: 8012
    • Schatznasen- Der Katzenblog
  • NOF-Version: NOF 11
  • System: Windows Vista
  • System-Typ: 32bit
Re: Rich Snippets in NetObjects Fusion verwenden
« Antwort #11 am: 28. März 2013, 09:32:20 »
Wie gesagt, die Thematik an sich, welche Attribute wo Sinn machen, welche Standards einzuhalten sind etc. solltet ihr bei Google direkt nachlesen, eine Reihe nützlicher Links dazu habe ich Eingangs ja schon bereitgestellt.
Wie ihr das Ganze in eurem NOF-Projekt einsetzen könnt sollte nach meinem Tutorial klar sein.

Ich für meinen Teil bin froh eine Lösung gefunden zu haben, bei welcher ich ohne Quellcode-Gewühle RichSnippets auch in NetObjects Fusion verwenden kann.

Viel Erfolg!

« Letzte Änderung: 09. März 2014, 17:03:26 von nettesekel »
Der neue Katzenblog mit vielen Tipps und Ideen für Katzenhalter.

Fragen - die inhaltlich ins Forum gehören - sind im Forum zu stellen und werden nur dort beantwortet. Anfragen dieser Art per PN bleiben unbeantwortet!


Avatar: fotolia.com  rat © Oleg Kozlov

Deutschsprachiges NOF - Forum

Support und Tutorials rund um das Thema NetObjects Fusion

 


Wenn dir dieser Artikel gefallen hat, dann empfehle ihn doch weiter... ;)