Rich Snippet's itemtype Product, Is it possible now to use it and apply it in a Classifieds Ads Website - rich-snippets

I've just read about Google's Rich Snippet and I am planning to apply it on a Classifieds Ads Website.
Is it fine and effective if I use it in a Classifieds Ads Website?
I've asked this because, I've understood from my further readings that It only has effect on Products that can be purchased from the site where it is Posted and, that, that "Product" itemtype (itemtype="http://schema.org/Product") shall not be a PRODUCT LISTING, that can be purchase by contacting and paying the seller offline, or from off the website. In my classifieds ads website, the buyer contacts the seller if he wants to buy the item and they shall agree to meetup. Or when no meetups is possible, the seller sends the item to the buyer after the seller received the price amount from the buyer. And I got another inquiry, can we apply and use this snippet to a website similar to eBay?

The best way to model classified ads, with no explicit details of the products offered, for Google Rich Snippets is using the GoodRelations vocabulary, http://purl.org/goodrelations/ in RDFa syntax.
Simply use the gr:Offering class as shown below:
<div xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns="http://www.w3.org/1999/xhtml"
xmlns:foaf="http://xmlns.com/foaf/0.1/"
xmlns:gr="http://purl.org/goodrelations/v1#"
xmlns:xsd="http://www.w3.org/2001/XMLSchema#"
xml:lang="en" >
<!-- The Classified Ad content -->
<div about="#offering" typeof="gr:Offering">
<div rev="gr:offers" resource="#user1234"></div>
<strong property="gr:name" >Classified ad - headline (e.g. the text in bold)</strong>
<div property="gr:description">Here comes the full text of the classified ad ....
blablabla</div>
<!-- if you have an image, use this pattern -->
<img rel="foaf:depiction" src="http://www.heppnetz.de/rdfa4google/image.jpg" />
<!-- if you know the type of business function (Sell, LeaseOut, Dispose, ProvideService,
attach it like this -->
<div rel="gr:hasBusinessFunction"
resource="http://purl.org/goodrelations/v1#Sell"></div>
<!-- if you can provide the price in a structured form, use this pattern
(needed for Rich Snippets) -->
<div rel="gr:hasPriceSpecification">
<div typeof="gr:UnitPriceSpecification">
<div property="gr:hasCurrency" content="USD" datatype="xsd:string"></div>
<div property="gr:hasCurrencyValue" content="89" datatype="xsd:float"></div>
</div>
</div>
<!-- provide the URI of a deep link to the page -->
<div rel="foaf:page" resource="http://www.heppnetz.de/rdfa4google/tc16.html"></div>
</div>
This validates in the Google Rich Snippets Testing Tool, as you can see here.
For your convenience, I just created a respective recipe in the GoodRelations Cookbook:
http://wiki.goodrelations-vocabulary.org/Cookbook/Classifieds
Hope that helps!

Related

How to edit WooCommerce My Account page via hooks

Is there any other way to modify the WooCommerce template file than by overwriting it? For example, through certain hooks.
I see from the woocommerce\templates\myaccount\dashboard.php file that there seems to be a hooks named woocommerce_account_dashboard, can it customize the HTML output?
For example, use hooks to complete the following changes.
Original HTML output.
<div class="woocommerce-MyAccount-content">
<div class="woocommerce-notices-wrapper"></div>
<p>Hello<strong>Admin</strong>(not <strong>Admin</strong>? Log out)</p>
<p>From your account dashboard you can view your recent orders ,manage your shipping and billing addresses,and edit your password and account details.</p>
</div>
Modified HTML output.
<div class="woocommerce-MyAccount-content">
<div class="woocommerce-notices-wrapper"></div>
<p>Hello<strong>Admin</strong>(not <strong>Admin</strong>? Log out)</p>
<p>From your account dashboard you can view your recent orders ,and edit your password and account details.</p>
</div>
Remove "manage your shipping and billing addresses, " from the HTML output.

Hiding 'aggregateRating' using CSS

I am working on a website for a client. They have marked up individual reviews that they display on their site with Microdata, but they have not included the corresponding aggregateRating property.
I have informed them that they need to include the aggregateRating propery in order to get Google to display stars in their organic listing. The client responded saying that this is okay, but I must hide any values associated with aggregateRating - (ratingValue, ratingCount) from the users who interact with their website.
I know that Google frowns upon this practice, but I want to know if anybody has had success hiding review Schema.org with CSS? By success I mean Google still displaying stars in organic listing.
There's no need to hide your schema using CSS. Not all schema data has to be shown on the web page. Consider JSON-LD schema, that's all in the head so none of those values are displayed.
HTML schema allows you to markup content that's not visible on the webpage.
From Schema.org:
Sometimes, a web page has information that would be valuable to mark up, but the information can't be marked up because of the way it appears on the page […]
[…]
<meta itemprop="ratingValue" content="4" />
Full code snippet:
<div itemscope itemtype="http://schema.org/Offer">
<span itemprop="name">Blend-O-Matic</span>
<span itemprop="price">$19.95</span>
<div itemprop="reviews" itemscope itemtype="http://schema.org/AggregateRating">
<img src="four-stars.jpg" />
<meta itemprop="ratingValue" content="4" />
<meta itemprop="bestRating" content="5" />
Based on <span itemprop="ratingCount">25</span> user ratings
</div>
</div>

Woocommerce Shop Page Product Display Bug

When I go to my shop page products are displayed in a very strange way : Product details take lot of place. I tried to understand what have changed since yesterday and I notice (inspecting element via Chrome) that the html code before was :
<ul id=product ....>
<li class=product_item ...>
<div class=image container>...</div>
<div class=clearfix>...</div>
<div class=product details>...</div>
</il>
</ul>
and now I have this following code (and it destroy my product list display) :
<ul id=product ....>
<div class=t_singleproduct_cont>
<li class=product_item ...>
<div class=image container>...</div>
</il>
</div>
<div class=clearfix>...</div>
<div class=product details>...</div>
</ul>
As you can see the product details is outside the li tag and so my shop page is such a mess.
I tried to identify where this piece of code was coming from and I found that it was inside the content-product.php file but I can't see the line with "t_singleproduct_cont" div.
If you could help to deal with this problem I'll be very grateful !
Thank you very much
#Tayfun Akaltun. Have you installed plugin called enhanced e-commerce plugin for google analytics?

Wordpress Site RSS Feed link

I'm trying to put a link for users to subscribe to my blog using an RSS Feed.
<div id="rss_link" style="margin-left:35%; margin-right:20%; width:10em;">
<a href="http://therearenoroads.com/feed">
<img style="width:90px; height:90px;" src="http://blog.sironaconsulting.com/.a/6a00d8341c761a53ef0120a7abc384970b-120wi" alt="RSS Link" />
</div>
<p style="font-size:1.3em; text-align:center;">Feed of TANR Knowledge</p>
</a>
This is the error that appears on the link...
This XML file does not appear to have any style information associated with it. The document tree is shown below.
...then a whole bunch of code.
Any ideas where this problem could be?
That isn't so much an error as it as a note regarding how your feed will be presented. It's letting you know that your feed isn't being styled and is being output in a raw form. That isn't necessarily "bad", since it will still work as a RSS feed. It just won't be as pretty. Compare: http://news.google.com/?output=rss (a valid RSS feed with no styling) with http://feeds.bbci.co.uk/news/rss.xml?edition=int (styled RSS)
You are closing </div> inside your <a> element. You might want something like this:
<div id="rss_link" style="margin-left:35%; margin-right:20%; width:10em;">
<a href="http://therearenoroads.com/feed">
<img style="width:90px; height:90px;" src="http://blog.sironaconsulting.com/.a/6a00d8341c761a53ef0120a7abc384970b-120wi" alt="RSS Link" />
<p style="font-size:1.3em; text-align:center;">Feed of TANR Knowledge</p>
</a>
</div>
Additionally, this also happens in chrome when you click on most rss feeds, since it doesn't have a rss subscribe widget in it. In firefox, the feed is handled much more smoothly.

same css styling renders different positions on same ad

Ads on this page (Fixture Info) are not displayed at same position as this (Home Page). Both have the ads placed in <div class="right-ad">, and use the same style rules.
Any idea how to fix this & display ads on Fixture Info in same position as Home Page?
You should add more detail in your question and not really expect people to go to your site and analyse your code.
Never-the-less..
Check your code and you will notice that on your Home Page the <div class="right-ad">'s parent is <div class="main">. Whereas on Fixture Info the <div class="right-ad">'s parent is <div class="container">.
I would assume that this is the cause of your problem. Go over your code and you'll probably find that on the Fixture Info page, putting the ad's <div> in the <div class="main"> will solve it.
I.E:
Your Home Page:
Your Fixtures Page:

Resources