AMP page Validations and manual removal

Humm. I’m not sure. I don’t see any AMP validation errors being detected for those URLs.

For example: https://validator.amp.dev/#url=https%3A%2F%2Fwww.zotezo.com%2Fin%2Freviews%2Flupinac-tablet%2F%3Famp

For the download1.png screenshot, where it says instance 1/3 of page, please share all three instances. Share them somewhere else than the support forum here because the HTML is getting messed up with formatting. For example, put them in a Gist.

What does the “Learn more” link take you to?

Hi,
Please check the validation issue here-
https://writer.zotezo.com/AMP-ISSUE/AMP.png
https://writer.zotezo.com/AMP-ISSUE/AMP1.png
https://writer.zotezo.com/AMP-ISSUE/error-webmaster.txt
https://writer.zotezo.com/AMP-ISSUE/code.rar

By the way our CSS files weight is 19 KB still showing wrong results.

Kindly let me know how to make it compatible;e in AMP and there is no validation errors.
Thanks,

Any update?

No, it is Saturday. Please be patient.

ok, the issue is with the HTML that your theme is outputting, namely in the div.error-bar__wrapper element. Inside that there is a div#myDIV which contains this li:

<li class="wpuf-el message field-size-medium" data-label="Message">
	<div class="wpuf-label"><label for="message_552552">Message
		<span class="required">*</span></label></div>
	<div class="wpuf-fields"><textarea
			class="textareafield  wpuf_message_552552"
			id="message_552552"
			name="message"
			data-required="yes"
			data-type="textarea"
			placeholder="Report an error. Add details here..."
			rows="5"
			cols="25"
	></textarea><span class="wpuf-wordlimit-message wpuf-help"></span>
</li>

The issue is that there is a missing </div> closing tag here and this is causing HTML parser inconsistencies between the AMP plugin’s validator and Google’s AMP validator. Fix the malformed HTML and this issue will go away.

Can you please send me the file in proper format?

I don’t understand. You’ll have to look into how your site is generating that li element and then add the missing </div> before the </li> as shown above.

Hi,
I have checked that li and missing div coming from Report an Error form we have not added any div there.
Can you please let me know what error is here-

<div class="error-bar__wrapper">
                    <div class="error-bar__"><span class="heading-gamma-bold">Something doesn't feel appropriate?</span></div>
                     
                     
           <div class="error-bar__wrapper_"><div class="error-bar__button u-d-flex"> <span onClick="myFunction()" class="u-cur--ptr">Report an error</span></div></div>
<div id="myDIV" style="display:none">
  <?php
				
					  echo  do_shortcode('[weforms id="552552"]') ; 
					  ?>
                      
                     
</div>

 </div>

<script>
function myFunction() {
  var x = document.getElementById("myDIV");
  if (x.style.display === "none") {
    x.style.display = "block";
  } else {
    x.style.display = "none";
  }
}
</script>               
                </div>
                 
            </div>

Can I exclude this for AMP? Then what codes need to add.
Please help me to resolve my AMP validation error.
Please look once https://writer.zotezo.com/AMP-ISSUE/code.rar
https://writer.zotezo.com/AMP-ISSUE/1.png
https://writer.zotezo.com/AMP-ISSUE/2.png
and kindly provide me a solution as I am clueless now.
Alternatively, can you provide me a solution to delete these options for AMP only?
1) completely delete Search functions
2) Delete Report an error portions
3) Sticky options in In image
Thanks

• This reply was modified 4 years, 7 months ago by zo.

The div is not coming from the AMP plugin. You’ll have to identify where it is coming from and contact the author on another support forum.

Can we disable wpeforms and check the issue?

Try and see.

Hi,
I have removed the codes.Can you please see now?
Please look once https://writer.zotezo.com/AMP-ISSUE/code.rar
Hope now error will not show? Can you please check my modified code?
https://writer.zotezo.com/AMP-ISSUE/1.png
Image issue still there in the Alternative brands section.
I am surprised from where this is coming?

Please check these url https://www.zotezo.com/in/reviews/dolo-650mg-tablet/?amp
Thanks

I see no validation errors now.

As for the images issue, the first one is has width/height of 150px. The other images however have a width and height of 1px. The container element for the image has astra-shop-thumbnail-wrap as well as woocommerce-LoopProduct-link, so these indicate the image is coming from Astra and/or WooCommerce. You’ll have to reach out to them regarding the faulty size of 1×1.

Can I submit the all invalid ( showing in webmaster) url for valid valdation or force reindex or it will be automatically corrected?
We have deactivate Astra pro as of now for performance issue?
Have you checked the code that I have sent.
Is it okay now? Also what is the issue in alternative brand section showing in 1.png image?
Can you please specify where this 1 pixel image is coming?Is it from Astra or from woocmmerce?
Where can I get woocmmerce support?

Can I submit the all invalid ( showing in webmaster) url for valid valdation or force reindex or it will be automatically corrected?

You don’t need to re-submit. They’ll be marked as fixed when they get re-indexed.

We have deactivate Astra pro as of now for performance issue?

I don’t know.

Is it okay now? Also what is the issue in alternative brand section showing in 1.png image?
Can you please specify where this 1 pixel image is coming?Is it from Astra or from woocmmerce?

Contact Astra for support.

Where can I get woocmmerce support?

https://woocommerce.com/contact-us/