- From: Ryan Patterson <rpatterson@thoughtwm.com>
- Date: Thu, 13 Feb 2014 10:58:12 -0500
- To: Andry Rendy <master.skywalker.88@gmail.com>
- Cc: public-rdfa <public-rdfa@w3.org>
- Message-ID: <CA+-WwUMH1DoWs8Z1FL=w3Cid7Hzp34WM3UXQvkxMxeUWjEzqiA@mail.gmail.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.
Received on Thursday, 13 February 2014 16:25:01 UTC