WordPress Component Library
10up Engineering

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.).

HTML

<div itemscope itemtype="http://schema.org/Organization">
	<a itemprop="url" href="http://www.example.com/">
		<img itemprop="logo" src="https://placekitten.com/g/80/80" srcset="https://placekitten.com/g/80/80 1x, https://placekitten.com/g/160/160 2x" alt="" />
		<!--
			Visually hide this text.
			WCAG 2.1: “image alt text cannot be the primary text of a link"
		-->
		<span class="screen-reader-text">Amazing Company</span>
	</a>
</div>

Resources