Как скрыть Geo-тег, чтобы он отображался в vcard, но все же сделал его доступным для бота Google

Question

<div class="vcard" itemscope itemtype="http://schema.org/LocalBusiness">
     <strong class="fn org" itemprop="name">Commercial Office Bangalore</strong><br/>
              <span class="adr" itemprop="address" itemscope itemtype="httep:schema.org/PostalAddress">
                <span class="street-address"itemprop="streetAddress">330, Raheja Arcade, 1/1 Koramangala Industrial Layout</span><br/>  
                   <span class="locality"itemprop="addressLocality">Bangalore</span>
                     <span itemprop="postalCode"class="postal-code">560095</span><br/>
                      <span class="region"itemprop="addressRegion">Karnataka</span><br/>
                     <span class="country-name">India</span><br/>
                  <span class="tel id"="phone"itemprop="telephone">[phone]</span><br/>
                <span class="geo"itemprop="geo"itemscope itemtype="http://schema.org/GeoCordinates">
              <abbr class="latitude" property="latitude">12.936504</abbr>
            <abbr class="longitude" property="longitude">77.6321344</abbr>
         <meta itemprop="latitude" content="12.936504" />
       <meta itemprop="longitude" content="77.6321344" />
   </span>
 </span>

Я хочу сделать lat и logitude невидимыми для пользователя и видимыми для бота Google. Что мне делать?

Answer 1

Если вы имеете в виду микроданные (используя Schema.org):

Просто удалите abbr элементы. Вы уже даете эти данные в meta элементы (которые могут быть использованы вbody), который является правильным способом предоставления данных, которые должны / не могут быть видны на странице:

<meta itemprop="latitude" content="12.936504" />
<meta itemprop="longitude" content="77.6321344" />

(Обратите внимание, что вы использовали property атрибуты, но они не разрешены в микроданных, только в RDFa.)

(Также обратите внимание, что вы используете http://schema.org/GeoCordinates но это должно быть http://schema.org/GeoCoordinates, А также httep:schema.org/PostalAddress тоже неправильно.)

Если вы имеете в виду микроформат (используя hCard):

Вы можете использовать meta элементы, используемые с микроданными:

<meta class="latitude" itemprop="latitude" content="12.936504" />
<meta class="longitude" itemprop="longitude" content="77.6321344" />

Но я не уверен, что все парсеры микроформатов поддерживают это.

Answer 2

abbr элементы с широтой и долготой могут быть установлены на display:none, который делает именно то, что вы просите, скрывая контент от людей, все еще обслуживая его до ботов:

abbr{display:none}  
/** or **/
.latitude,
.longitude{display:none}  

Хотя я не могу честно увидеть, что их окружает в вашем примере. Фф span с классом .geo является родительским элементом, вы можете сделать это display:none вместо.