site logo

A semantic recommendation for marking up a logo.

The logo component contains microdata that will produce a generated logo in Google search results. When modifying this component you should feel free to use any HTML that fits the structure and hierarchy of your project, while maintaining any of the schema-related HTML attributes (itemscope, itemtype, itemprop, etc.).

Examples

Usage

<div itemscope itemtype="https://schema.org/Organization">
  <a itemprop="url" href="http://www.example.com/" class="logo">
    <img itemprop="logo" src="https://via.placeholder.com/50" alt="" />
    <span>Amazing Company</span>
  </a>
</div>

					
.logo {
  align-items: center;
  display: flex;
}

Resources