require-open-graph-protocol

This rule enforces to use specified meta tags for open graph protocol.

How to use

.eslintrc.js 
module.exports = {
  rules: {
    "@html-eslint/require-open-graph-protocol": "error",
  },
};

Rule Details

Options

  1. ogp (default: ['og:title', 'og:type', 'og:url', 'og:image']): enforce to use specified open graph protocol meta tags

Examples of incorrect code for this rule with the default { "ogp": ['og:title', 'og:type', 'og:url', 'og:image'] } options:

<html>
  <head>
    <title>title</title>
  </head>
</html>
<html>
  <head>
    <title>title</title>
    <!-- empty values -->
    <meta property="og:url" />
    <meta property="og:image" content="" /> 
  </head>
</html>

Examples of correct code for this rule:

<html>
  <head>
    <title>title</title>
    <meta property="og:url" content="https://canonical-url.com" />
    <meta property="og:type" content="video.movie" />
    <meta property="og:title" content="title" />
    <meta property="og:image" content="https://image.png" />
  </head>
</html>

Further Reading

  1. The Open Graph protocol