Re: Are there any options with RDFa for Infographics

There is another work around if your clients: Simply add a link to a page
with an textual description of the infographic.

My original thoughts were to use the 'longdesc' attribute (I'm a bit of a
purist) but w3schools makes the comment that 'longdesc' is so badly
supported that it's better not to use it (
http://www.w3schools.com/tags/att_img_longdesc.asp).


2014-02-13 16:58 GMT+01:00 Ryan Patterson <rpatterson@thoughtwm.com>:

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