Open Graph Protocol

https://ogp.me
Admin
The Open Graph protocol enables web pages to become rich objects in social graphs by providing...
Tokens:4,916
Snippets:28
Trust Score:9.9
Update:2 months ago
Show doc for...
Tokens:
Raw
### Define Structured Properties

Source: https://ogp.me/

Group structured properties after their root tag. A new root element signifies the start of a new structured object.

```html
<meta property="og:image" content="https://example.com/rock.jpg" />
<meta property="og:image:width" content="300" />
<meta property="og:image:height" content="300" />
<meta property="og:image" content="https://example.com/rock2.jpg" />
<meta property="og:image" content="https://example.com/rock3.jpg" />
<meta property="og:image:height" content="1000" />
```

--------------------------------

### Implement Optional Open Graph Metadata

Source: https://ogp.me/

Additional recommended meta tags for providing supplementary information such as audio, descriptions, locales, and site names.

```html
<meta property="og:audio" content="https://example.com/bond/theme.mp3" />
<meta property="og:description" 
  content="Sean Connery found fame and fortune as the
           suave, sophisticated British agent, James Bond." />
<meta property="og:determiner" content="the" />
<meta property="og:locale" content="en_GB" />
<meta property="og:locale:alternate" content="fr_FR" />
<meta property="og:locale:alternate" content="es_ES" />
<meta property="og:site_name" content="IMDb" />
<meta property="og:video" content="https://example.com/bond/trailer.swf" />
```

--------------------------------

### Implement Basic Open Graph Metadata

Source: https://ogp.me/

Required meta tags for defining an object's title, type, URL, and image within the HTML head.

```html
<html prefix="og: https://ogp.me/ns#">
<head>
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="video.movie" />
<meta property="og:url" content="https://www.imdb.com/title/tt0117500/" />
<meta property="og:image" content="https://ia.media-imdb.com/images/rock.jpg" />
...
</head>
...
</html>
```

--------------------------------

### Open Graph Property Definitions

Source: https://ogp.me/ns/ogp.me.ttl

RDF property definitions for Open Graph metadata tags.

```RDF
og:url a rdf:Property ;
  rdfs:label "url"@en-US ;
  rdfs:comment "The canonical URL of your object that will be used as its permanent ID in the graph, e.g., \"http://www.imdb.com/title/tt0117500/\"."@en-US ;
  rdfs:seeAlso dc:identifier,
    foaf:homepage ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
og:type a rdf:Property ;
  rdfs:label "type"@en-US ;
  rdfs:comment "The type of your object, e.g., \"movie\".  Depending on the type you specify, other properties may also be required."@en-US ;
  rdfs:seeAlso rdf:type ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:title a rdf:Property ;
  rdfs:label "title"@en-US ;
  rdfs:comment "The title of the object as it should appear within the graph, e.g.,  \"The Rock\"."@en-US ;
  rdfs:subPropertyOf rdfs:label ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:locale a rdf:Property ;
  rdfs:label "locale"@en-US ;
  rdfs:comment "A Unix locale in which this markup is rendered."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:image a rdf:Property ;
  rdfs:label "image"@en-US ;
  rdfs:comment "An image URL which should represent your object within the graph."@en-US ;
  rdfs:seeAlso foaf:depiction ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#image:secure_url> a rdf:Property ;
  rdfs:label "image secure url"@en-US ;
  rdfs:comment "A secure image URL which should represent your object within the graph."@en-US ;
  rdfs:seeAlso foaf:depiction ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#image:type> a rdf:Property ;
  rdfs:label "image type"@en-US ;
  rdfs:comment "The mime type of an image."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:mime_type_str .
<http://ogp.me/ns#image:width> a rdf:Property ;
  rdfs:label "image width"@en-US ;
  rdfs:comment "The width of an image."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:integer_str .
<http://ogp.me/ns#image:height> a rdf:Property ;
  rdfs:label "image height"@en-US ;
  rdfs:comment "The height of an image."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:integer_str .
<http://ogp.me/ns#image:alt> a rdf:Property ;
  rdfs:label "image alternative text"@en-US ;
  rdfs:comment "A description of what is in the image."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:video a rdf:Property ;
  rdfs:label "video"@en-US ;
  rdfs:comment "A relevant video URL for your object."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#video:secure_url> a rdf:Property ;
  rdfs:label "video secure URL"@en-US ;
  rdfs:comment "A relevant, secure video URL for your object."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#video:type> a rdf:Property ;
  rdfs:label "video type"@en-US ;
  rdfs:comment "The mime type of a video e.g., \"application/x-shockwave-flash\""@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:mime_type_str .
<http://ogp.me/ns#video:width> a rdf:Property ;
  rdfs:label "video width"@en-US ;
  rdfs:comment "The width of a video."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:integer_str .
<http://ogp.me/ns#video:height> a rdf:Property ;
  rdfs:label "video height"@en-US ;
  rdfs:comment "The height of a video."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:integer_str .
og:audio a rdf:Property ;
  rdfs:label "audio"@en-US ;
  rdfs:comment "A relevant audio URL for your object."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#audio:secure_url> a rdf:Property ;
  rdfs:label "audio secure URL"@en-US ;
  rdfs:comment "A relevant, secure audio URL for your object."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:url .
<http://ogp.me/ns#audio:type> a rdf:Property ;
  rdfs:label "audio type"@en-US ;
  rdfs:comment "The mime type of an audio file e.g., \"application/mp3\""@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:mime_type_str .
og:description a rdf:Property ;
  rdfs:label "description"@en-US ;
  rdfs:comment "A one to two sentence description of your object."@en-US ;
  rdfs:subPropertyOf rdfs:comment ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:site_name a rdf:Property ;
  rdfs:label "site name"@en-US ;
  rdfs:comment "If your object is part of a larger web site, the name which should be displayed for the overall site. e.g., \"IMDb\"."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:string .
og:determiner a rdf:Property ;
  rdfs:label "determiner"@en-US ;
  rdfs:comment "The word to precede the object's title in a sentence (e.g., \"the\" in \"the statue of liberty\").  Valid values are \"a\", \"an\", \"the\", \"\", and \"auto\"."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:range ogc:determiner_str .
```

--------------------------------

### Specify Object Type

Source: https://ogp.me/

Define the object type using the og:type property.

```html
<meta property="og:type" content="website" />
```

--------------------------------

### Define Open Graph audio metadata

Source: https://ogp.me/

Audio tags support basic metadata including URL, secure URL, and MIME type.

```html
<meta property="og:audio" content="http://example.com/sound.mp3" />
<meta property="og:audio:secure_url" content="https://secure.example.com/sound.mp3" />
<meta property="og:audio:type" content="audio/mpeg" />
```

--------------------------------

### Define Multiple Values for a Tag

Source: https://ogp.me/

Use multiple meta tags with the same property to define an array of values. The first tag encountered is given preference.

```html
<meta property="og:image" content="https://example.com/rock.jpg" />
<meta property="og:image" content="https://example.com/rock2.jpg" />
```

--------------------------------

### Define Open Graph Datatypes in RDF

Source: https://ogp.me/ns/ogp.me.ttl

Definitions for various datatypes used to constrain Open Graph property values.

```turtle
ogc:mime_type_str a rdfs:Datatype ;
  rdfs:label "mime type string"@en-US ;
  rdfs:comment "Valid mime type strings (e.g., \"application/mp3\")."@en-US ;
  rdfs:isDefinedBy og: ;
  rdfs:subClassOf xsd:string .
ogc:boolean_str a rdfs:Datatype ;
  rdfs:label "boolean string"@en-US ;
  rdfs:comment "A string representation of a true or false value.  The lexical space contains: \"true\", \"false\", \"1\", and \"0\"."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
ogc:date_time_str a rdfs:Datatype ;
  rdfs:label "date/time string"@en-US ;
  rdfs:comment "A string representation of a temporal value composed of a date (year, month, day) and an optional time component (hours, minutes).  The lexical space is defined by ISO 8601."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
ogc:float_str a rdfs:Datatype ;
  rdfs:label "float string"@en-US ;
  rdfs:comment "A string representation of a 64-bit signed floating point number.  Example lexical values include \"1.234\", \"-1.234\", \"1.2e3\", \"-1.2e3\", and \"7E-10\"."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
ogc:integer_str a rdfs:Datatype ;
  rdfs:label "integer string"@en-US ;
  rdfs:comment "A string representation of a 32-bit signed integer.  Example lexical values include \"1234\" and \"-123\"."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
ogc:string a rdfs:Datatype ;
  rdfs:label "Unicode string"@en-US ;
  rdfs:comment "A string of Unicode characters."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
ogc:url a rdfs:Datatype ;
  rdfs:label "URL"@en-US ;
  rdfs:comment "A string of Unicode characters forming a valid URL having the http or https scheme."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf ogc:string .
ogc:determiner_str a rdfs:Datatype ;
  owl:oneOf ("" "the" "a" "an" "auto") ;
  rdfs:label "determiner"@en-US ;
  rdfs:comment "The lexical space: \"\", \"the\", \"a\", \"an\", and \"auto\"."@en-US ;
  rdfs:isDefinedBy ogc: ;
  rdfs:subClassOf xsd:string .
```

--------------------------------

### Define Open Graph image metadata

Source: https://ogp.me/

Use these meta tags to provide comprehensive details about an image, including dimensions and alt text.

```html
<meta property="og:image" content="http://example.com/ogp.jpg" />
<meta property="og:image:secure_url" content="https://secure.example.com/ogp.jpg" />
<meta property="og:image:type" content="image/jpeg" />
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />
<meta property="og:image:alt" content="A shiny red apple with a bite taken out" />
```

--------------------------------

### Define Open Graph video metadata

Source: https://ogp.me/

Video tags mirror image properties, allowing for secure URLs, MIME types, and dimensions.

```html
<meta property="og:video" content="http://example.com/movie.swf" />
<meta property="og:video:secure_url" content="https://secure.example.com/movie.swf" />
<meta property="og:video:type" content="application/x-shockwave-flash" />
<meta property="og:video:width" content="400" />
<meta property="og:video:height" content="300" />
```

--------------------------------

### Define Deprecated Open Graph RDF Properties

Source: https://ogp.me/ns/ogp.me.ttl

RDF property definitions for deprecated Open Graph metadata fields, including audio, location, contact, and product identifiers.

```turtle
<http://ogp.me/ns#audio:title> a rdf:Property ;
  rdfs:label "audio title"@en-US ;
  rdfs:comment "[DEPRECATED] A title for some audio."@en-US ;
  rdfs:isDefinedBy og: .
<http://ogp.me/ns#audio:artist> a rdf:Property ;
  rdfs:label "audio artist"@en-US ;
  rdfs:comment "[DEPRECATED] An artist of some audio."@en-US ;
  rdfs:isDefinedBy og: .
<http://ogp.me/ns#audio:album> a rdf:Property ;
  rdfs:label "audio album"@en-US ;
  rdfs:comment "[DEPRECATED] An album to which some audio belongs."@en-US ;
  rdfs:isDefinedBy og: .
og:latitude a rdf:Property ;
  rdfs:label "latitude"@en-US ;
  rdfs:comment "[DEPRECATED] The latitude of the resource e.g., the latitude of a company."@en-US ;
  rdfs:seeAlso geo:lat ;
  rdfs:isDefinedBy og: .
og:longitude a rdf:Property ;
  rdfs:label "longitude"@en-US ;
  rdfs:comment "[DEPRECATED] The longitude of the resource e.g., the longitude of a company."@en-US ;
  rdfs:seeAlso geo:long ;
  rdfs:isDefinedBy og: .
og:street-address a rdf:Property ;
  rdfs:label "street address"@en-US ;
  rdfs:comment "[DEPRECATED] The street address of the resource e.g., \"1601 S California Ave\"."@en-US ;
  rdfs:seeAlso vcard:street-address ;
  rdfs:isDefinedBy og: .
og:locality a rdf:Property ;
  rdfs:label "locality"@en-US ;
  rdfs:comment "[DEPRECATED] The locality of the resource e.g, \"Palo Alto\""@en-US ;
  rdfs:seeAlso vcard:locality ;
  rdfs:isDefinedBy og: .
og:region a rdf:Property ;
  rdfs:label "region"@en-US ;
  rdfs:comment "[DEPRECATED] The region of the resource e.g., \"CA\""@en-US ;
  rdfs:seeAlso vcard:region ;
  rdfs:isDefinedBy og: .
og:postal-code a rdf:Property ;
  rdfs:label "postal code"@en-US ;
  rdfs:comment "[DEPRECATED] The postal code of the resource e.g., \"94304\""@en-US ;
  rdfs:seeAlso vcard:postal-code ;
  rdfs:isDefinedBy og: .
og:country-name a rdf:Property ;
  rdfs:label "country name"@en-US ;
  rdfs:comment "[DEPRECATED] The country name of the resource e.g., \"USA\""@en-US ;
  rdfs:seeAlso vcard:country-name ;
  rdfs:isDefinedBy og: .
og:email a rdf:Property ;
  rdfs:label "email"@en-US ;
  rdfs:comment "[DEPRECATED] Email of the contact for your object."@en-US ;
  rdfs:seeAlso foaf:mbox ;
  rdfs:isDefinedBy og: .
og:phone_number a rdf:Property ;
  rdfs:label "phone number"@en-US ;
  rdfs:comment "[DEPRECATED] Phone number of the contact for your object."@en-US ;
  rdfs:seeAlso foaf:phone ;
  rdfs:isDefinedBy og: .
og:fax_number a rdf:Property ;
  rdfs:label "fax number"@en-US ;
  rdfs:comment "[DEPRECATED] Fax number of the contact for your object."@en-US ;
  rdfs:seeAlso foaf:phone ;
  rdfs:isDefinedBy og: .
og:isbn a rdf:Property ;
  rdfs:label "isbn"@en-US ;
  rdfs:label "International Standard Book Number"@en-US ;
  rdfs:comment "[DEPRECATED] International Standard Book Number for you object."@en-US ;
  rdfs:seeAlso bibo:isbn ;
  rdfs:isDefinedBy og: .
og:upc a rdf:Property ;
  rdfs:label "upc"@en-US ;
  rdfs:label "universal product code"@en-US ;
  rdfs:comment "[DEPRECATED] Universal Product Code for your object."@en-US ;
  rdfs:seeAlso gr:hasEAN_UCC-13 .
```

--------------------------------

### Define Namespaced Object Types

Source: https://ogp.me/

Use CURIEs for custom object types by defining a prefix in the head element.

```html
<head prefix="my_namespace: https://example.com/ns#">
<meta property="og:type" content="my_namespace:my_type" />
```
Tokens:
Raw