Skip to content

Instantly share code, notes, and snippets.

@marsvogel

marsvogel/og-meta.html

Created November 1, 2012 10:11
Show Gist options
  • Save marsvogel/3992887 to your computer and use it in GitHub Desktop.
Save marsvogel/3992887 to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. marsvogel created this gist Nov 1, 2012.
    57 changes: 57 additions & 0 deletions og-meta.html
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,57 @@
    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Open Graph Standard-Angaben</title>

    <!-- Standard-Syntax -->
    <meta property="og:{tagName}" content="{tagValue}"/>

    <!--
    # Bild
    Am besten ist ein quadratisches Bild mit den Pixelmaßen
    50x50 und den üblichen Dateiformaten (jpg, png)
    -->
    <meta property="og:image" content="{eindeutige BildURL}"/>

    <!--
    # Titel
    Titel des Aktuellen Beitrages
    -->
    <meta property="og:title" content="{Titel}"/>

    <!--
    # SeitenName
    Name der Seite
    -->
    <meta property="og:site_name" content="{SeitenName}"/>

    <!--
    # Link
    Hier kommt der kanonische, eindeutige Link rein
    [http://de.wikipedia.org/wiki/Canonical_Link]
    Aus SEO-Gründen sollte es immer ein link-tag
    für einen KanonischerLink geben:
    <link rel="canonical" href="KanonischerLink}"
    -->
    <meta property="og:url" content="{KanonischerLink}"/>

    <!--
    # SeitenTyp
    Welcher SeitenTyp ist es? Hier
    [http://developers.facebook.com/docs/opengraph/objects/builtin/]
    gibt es eine Liste mit allen Seitentypen und deren Verwendung
    -->
    <meta property="og:type" content="{SeitenTyp}"/>

    <!--
    # Beschreibung
    -->
    <meta property="og:description" content="{Beschreibung}">

    </head>
    <body>

    </body>
    </html>