Organization
A semantic recommendation for marking up an organization.
The organization component gives you all the microdata you need to properly markup a company to be displayed in a Google search results card. 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.).
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>
<!-- the name of the organization -->
<h3 itemprop= "name" > Amazing Company</h3>
<!-- address -->
<div itemprop= "address" itemscope itemtype= "https://schema.org/PostalAddress" >
<p><strong> Address</strong> :
<span itemprop= "streetAddress" > 35 Broad St</span> ,
<span itemprop= "addressLocality" > Red Bank</span> ,
<span itemprop= "addressRegion" ><abbr title= "New Jersey" > NJ</abbr></span>
<span itemprop= "postalCode" > 07701</span>
</p>
</div> <!--/itemtype=PostalAddress-->
<!-- Contact information -->
<p><strong> Phone</strong> :
<a href= "tel:+14251235678" itemprop= "telephone" > (425) 123-4567</a>
</p>
<p><strong> Fax</strong> :
<a href= "fax:+14251235678" itemprop= "faxNumber" > (425) 987-0987</a>
</p>
<p><strong> Email</strong> :
<a href= "mailto:hello@example.com" itemprop= "email" > hello@example.com</a>
</p>
<!-- Personel inforamtion -->
<p><strong> Founder</strong> :
<span itemprop= "founder" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > Jayne D. Founder</span>
</span>
</p>
<p><strong> Current employees of this company</strong> :
<span itemprop= "employee" itemscope itemtype= "https://schema.org/Person" >
<a href= "mailto:elle.harrison@example.com" itemprop= "email" >
<span itemprop= "name" > Elle Harrison</span>
</a>
</span> ,
<span itemprop= "employee" itemscope itemtype= "https://schema.org/Person" >
<a href= "mailto:james.wormington@example.com" itemprop= "email" >
<span itemprop= "name" > James Wormington</span>
</a>
</span>
</p>
<p><strong> Former employees (alumni) of this company</strong> :
<span itemprop= "alumni" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > Jack Dan</span>
</span> ,
<span itemprop= "alumni" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > John Smith</span>
</span>
</p>
</div> <!--/itemtype=Organization-->
<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> <?php echo esc_html('Amazing Company'); ?> </span>
</a>
<!-- the name of the organization -->
<h3 itemprop= "name" > <?php echo esc_html('Amazing Company'); ?> </h3>
<!-- address -->
<div itemprop= "address" itemscope itemtype= "https://schema.org/PostalAddress" >
<p><strong> Address</strong> :
<span itemprop= "streetAddress" > <?php echo esc_html('35 Broad St'); ?> </span> ,
<span itemprop= "addressLocality" > <?php echo esc_html('Red Bank'); ?> </span> ,
<span itemprop= "addressRegion" ><abbr title= "New Jersey" > <?php echo esc_html('NJ'); ?> </abbr></span>
<span itemprop= "postalCode" > <?php echo esc_html('07701'); ?> </span>
</p>
</div> <!--/itemtype=PostalAddress-->
<!-- Contact information -->
<p><strong> Phone</strong> :
<a href= "tel:+14251235678" itemprop= "telephone" > <?php echo esc_html('(425) 123-4567'); ?> </a>
</p>
<p><strong> Fax</strong> :
<a href= "fax:+14251235678" itemprop= "faxNumber" > <?php echo esc_html('(425) 987-0987'); ?> </a>
</p>
<p><strong> Email</strong> :
<a href= "mailto:hello@example.com" itemprop= "email" > <?php echo esc_html('hello@example.com'); ?> </a>
</p>
<!-- Personel inforamtion -->
<p><strong> Founder</strong> :
<span itemprop= "founder" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > <?php echo esc_html('Jayne D. Founder'); ?> </span>
</span>
</p>
<p><strong> Current employees of this company</strong> :
<span itemprop= "employee" itemscope itemtype= "https://schema.org/Person" >
<a href= "mailto:elle.harrison@example.com" itemprop= "email" >
<span itemprop= "name" > <?php echo esc_html('Elle Harrison'); ?> </span>
</a>
</span> ,
<span itemprop= "employee" itemscope itemtype= "https://schema.org/Person" >
<a href= "mailto:james.wormington@example.com" itemprop= "email" >
<span itemprop= "name" > <?php echo esc_html('James Wormington'); ?> </span>
</a>
</span>
</p>
<p><strong> Former employees (alumni) of this company</strong> :
<span itemprop= "alumni" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > <?php echo esc_html('Jack Dan'); ?> </span>
</span> ,
<span itemprop= "alumni" itemscope itemtype= "https://schema.org/Person" >
<span itemprop= "name" > <?php echo esc_html('John Smith'); ?> </span>
</span>
</p>
</div> <!--/itemtype=Organization-->
Resources