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.
Related
I'm using the Infinite Scroll Wordpress plugin and for some reason, the "Continue Reading" link is not showing correctly for all posts that are loaded using the plugin. Here is a link: http://fieldtreasuredesigns.com/. Once you scroll down far enough for more posts to load, you should notice that the "Continue Reading" link messes up. What's happening is that the actual text, "Continue Reading" is being pushed outside of the and it's just showing up as text instead of inside the link. Why does it do this?
Here's the html for a properly formatted "Continue Reading" link:
<div class="entry-content">
<p>Ok friends, let’s face it. It’s always time for coffee around here. So this week I am doing a giveaway to help you have a solid coffee time as well. It’s super easy to enter to win. Just repost the photo above on #Instagram with a shout to #fieldtreausuredesignsa and use the hashtag #fieldtreasurecoffeetimegiveaway. If </p>
<a class="more-link auto" href=http://fieldtreasuredesigns.com/field-treasure-coffee-time-giveaway/>Continue reading »</a> <div class="clr"></div>
</div><!-- .entry-content -->
And here's an example of what happens to the "Continue Reading" link for a post that was loaded when someone scrolls down to the end of the page and the Infinite Scroll plugin loads more:
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth"></a>Continue reading » <div class="clr"></div>
</div>
Any help would be greatly appreciated.
Problem:
You text outside the anchor tag that's its happen please check archive page to fix it.
Fixed code
<div class="entry-content">
<p>Yesterday I shared a live periscope of a little behind the scenes of our temporary shop and the last Saw Horse Desk build process for 2015. Enjoy! (Click the little play button down at the bottom if the video doesn’t automatically load.)</p>
<a class="more-link auto" href="http://fieldtreasuredesigns.com/periscope-sawhorsedesk-bth">Continue reading » </a><div class="clr"></div>
</div>
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>
I am working on a wordpress site that is working with the woocommerce plugin.
This is what I am having trouble with:
IN SHORT:
In the main products page, the product description is part of the anchor and is therefore clickable. I would like to limit the anchor to only the product name.
How can I achieve this?
DETAILS:
The woocommerce product page is structured as follows:
<ul class="products">
<li class=MULTIPLE_CLASSES>
<a href="LINK_TO_PRODUCT_PAGE">
<img class="" etc.....>
<h3>PRODUCT_NAME</h3>
<div itemprop="description">
<p></p>
</div>
<span class="price">
<span class="amount">COST_OF_PRODUCT</span>
</span>
</a>
<a class="button etc..."</a>
</li>
</ul>
As such, the anchor is applied to all the product's information, including the description and the price.
I don't really like this functionality and also, as such, the user can't select the text. So I would like the anchor to surround only the product name.
I guess the output I want is something like this:
<ul class="products">
<li class=MULTIPLE_CLASSES>
<a href="LINK_TO_PRODUCT_PAGE">
<img class="".....>
<h3>PRODUCT_NAME</h3>
</a>
<div itemprop="description">
<p></p>
</div>
<span class="price">
<span class="amount">COST_OF_PRODUCT</span>
</span>
<a class="button ...."</a>
</li>
</ul>
So far, I tried as follows:
Researched on the web to see how to customize woocommerce pages. What I found was to duplicate the file you want to change and put it in the child-theme/woocommerce folder. However, that applies only to the files in the templates folder, but this file seems to be not in the templates folder but rather in the includes/admin/views folder
The reason why I italicized the word 'seems' is because I changed that core file manually and replaced it, but it does not take effect! On the site, the structure is still as always! So maybe this is not the file?!
Any help will be greatly appreciated.
Thanks in advance
P.S. I know how to code in many languages, but I never got to PHP. So, if this involves PHP, I would appreciate some guidance.
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?
I don't know if i set my breadcrumbs correctly, all my pages have breadcrumb like so:
<body itemscope="itemscope" itemtype="http://schema.org/WebPage">
<div class="breadcrumb">
<a title="MY Site Title" rel="home" itemprop="breadcrumb" href="http://www.mysite.com/">MY Site Title</a>
<span class="navigation-pipe">»</span>
<a title="Category Name" itemprop="breadcrumb" href="http://www.mysite.com/CategoryName">Category Name</a>
<span class="navigation-pipe">»</span>Product Page
</div>
And if its a Product page i add this to the body after the breadcrumb.
<div itemscope itemtype="http://schema.org/Product">
With Product info HERE
</div>
You should try adding
itemprop="breadcrumb"
to the containing div, not the links themselves. As shown in the correct answer here.
You can also use Google's own structured data testing tool to test what data it is able to extract.
They also have a troubleshooting section which describes common pitfalls.
Finally, if all else fails you can ask them manually though they don't promise an individual response.