W3C home > Mailing lists > Public > public-rdfa@w3.org > February 2014

Re: Are there any options with RDFa for Infographics

From: Ryan Patterson <rpatterson@thoughtwm.com>
Date: Thu, 13 Feb 2014 10:58:12 -0500
Message-ID: <CA+-WwUMH1DoWs8Z1FL=w3Cid7Hzp34WM3UXQvkxMxeUWjEzqiA@mail.gmail.com>
To: Andry Rendy <master.skywalker.88@gmail.com>
Cc: public-rdfa <public-rdfa@w3.org>
Andry,

Thanks for the reply. Unfortunately the client does only wants the
infographics on the his "Infographic" page. I pitched to him the importance
of having on page content but fell on deaf ears. As far as putting the
content on page and using css to hide, this really isn't an option as
search engines will penalize you for hidden content.

I originally thought about using the content attribute on the image tag top
put the copy in, but are afraid that would also be seen as hidden content.

Here is a link to the page I am working on now:

http://www.registrycleaners.com/infographics/

Here are a couple ways I have come up with but like I said before I am
afraid I use these techniques Google will think I am trying to use "Black
Hat" seo techniques.

<div typeof="gr:ProductOrService">
<span property="gr:name" content="PC Health Advisor"></span>
<span property="gr:description" content="aaaaaaaa"></span>
<span property="schema:image" content="
http://www.registrycleaners.com/wp-content/uploads/2013/05/pc-health-advisor-infographic-662x1024.jpg
">
<a rel="schema:url" href="
http://www.registrycleaners.com/pc-health-advisor-infographic">
<img class=" wp-image-1523" title="Infographic explaining why to use PC
Health Advisor" alt="PC Health Advisor can save you from headache" src="
http://www.registrycleaners.com/wp-content/uploads/2013/05/pc-health-advisor-infographic-662x1024.jpg"
width="auto" height="300">
</a>
</span>
</div>

*Notice my use of the content attribute, especially in the empty spans for
name and description

Thanks,


On Thu, Feb 13, 2014 at 5:55 AM, Andry Rendy
<master.skywalker.88@gmail.com>wrote:

> Hi Ryan.
> >putting the information on page is not an option
> Is it for personal tastes or for publishing issues?
> According to HTML specs and best practices, <img> is not the best solution
> for infographics. Consider setting them as background image for page
> elements, then wrap the text in a <span> and set the latter to display:none
> via CSS (or using the old text-indent properties, but for many reasons it
> is discouraged).
> Can you show an example of the page where you need to use your graphics?
>



-- 

*Ryan Patterson*Search Engine Marketing Specialist

Thoughtwire Media LLC
PO BOX 8077
Mansfield, OH 44907
Phone: 877.848.9581 ext.1029
Fax: 440.209.7784
Email: rpatterson@thoughtwm.com
Web: http://www.thoughtwm.com

*CONFIDENTIAL NOTICE:* This electronic transmission and any documents or
other writings sent with it constitute Confidential Information which is
intended only for the named recipient and which may be legally privileged.
If you have received this communication in error, do not read it. Please
reply to the sender that you have received the message in error and  then
delete it. Any disclosure, copying, distribution, or the taking of any
action concerning the contents of this communication or any attachment(s)
by anyone other than the named recipient is strictly prohibited.
Received on Thursday, 13 February 2014 16:25:01 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 17:04:52 UTC