Development docs
  • Introduction
  • General information
    • Development Ecosystem
    • Documentation
    • Testing
    • Continuous Integration
    • Code Style
    • Paradigms
    • Design Patterns
    • Architecture
    • Refactoring
    • Date Formats
  • Various
    • Technologies and services
      • Travis
      • GitHub
    • Databases
      • Database Kinds
      • Style Guide
      • Joins
    • Web
      • Template View
      • Interactive View
      • Open Graph
      • Twitter Card
    • Parsers
    • Regular Expression
    • File Formats
      • Properties
    • Logging
  • git
    • Configuration files
      • gitignore
      • gitattributes
    • Gitflow
    • Tools
  • Web
    • REST
    • SOAP
  • Architecture
    • SOA
  • Object Oriented Programming
    • Returns
  • Jenkins
    • Pipeline
      • Steps
      • Environment
      • Notifications
      • Scripts
  • Java
    • Environment
      • Development Ecosystem
      • IDE
    • General
    • Interfaces and Generics for a Service
      • Dependencies
      • Type Errors
      • Nested Type Errors
    • Creating New Instances Dynamically
      • Using Classes
      • Using Providers
Powered by GitBook
On this page

Was this helpful?

  1. Various
  2. Web

Open Graph

PreviousInteractive ViewNextTwitter Card

Last updated 6 years ago

Was this helpful?

to handle web pages meta data. The most clear use is allowing Facebook to create a small summary from a link.

This is done by adding meta tags to the header of an HTML page.

Metadata Tags

The following tags are required:

<!-- Facebook OpenGraph -->
<meta property="og:type" content="website"/>
<meta property="og:image" content="./static/favicon.png"/>
<meta property="og:url" content="http://docs.bernardomg.com/docs-bootstrap-template/"/>
<meta property="og:title" content="Index - Docs Bootstrap Template"/>

But this set adds more information:

<!-- Facebook OpenGraph -->
<meta property="og:type" content="website"/>
<meta property="og:image" content="./static/favicon.png"/>
<meta property="og:url" content="http://docs.bernardomg.com/docs-bootstrap-template/"/>
<meta property="og:title" content="Index - Docs Bootstrap Template"/>
<meta property="og:site_name" content="Docs Bootstrap Template"/>
<meta property="og:description"
      content="Check the demo for the Docs Bootstrap Template, a modern template for documentation sites"/>
Protocol used by Facebook