Lazy load and instant articles not compatible

  • Resolved gabu69

    (@gabu69)


    4 years, 7 months ago

    When enabling lazy load and using instant articles for facebook, for example when IA plug in tries to publish the article to facebook in each image there will be an error for example

    <img class="lazy" src="data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%201200%20627'%3E%3C/svg%3E" data-src="https://www.EXAMPLE.com/wp-content/uploads/2020/04/mcaricaturas-2.jpg" />
Source URL for Image is Missing or Incomplete: We could not read the URL for this image. Please check to make sure the URL is correct and loads properly.

    How can this be fixed?

Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @gabu69
    I am sorry about the issue you are having and I am happy to assist you with this. Can you please share your website URL?
    Are you using any other Lazy load solution? possibly image optimization plugin or something similar?
    The mentioned plugin was last updated on 2018/11/29, and possibly they need to add the support for lazy loading.
    Thank you!

    Thread Starter gabu69

    (@gabu69)

    Hi Marko,

    I had to disable W3 cause it was making me a mess with Instant articles (unfortunately thats the best plug in for wp for instant articles). And so far what i saw was causing the problem is:

    src=”data:image/svg+xml,%3Csvg%20xmlns=’https://www.w3.org/2000/svg’%20viewBox=’0%200%201200%20627’%3E%3C/svg%3E&#8221; in the image value strings, is there any way to avoid this?

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @gabu69

    If lazy loading the issue you should have just disabled the lazy load and not the entire plugin. Have you tried using any other lazy load solution and see if the issue persists?
    As mentioned above I believe the issue is on their end. Please check this link for more details as this is similar issue https://github.com/Automattic/facebook-instant-articles-wp/issues/877
    You can exclude a specific image from the lazy load by adding the URL to Performance>User Experience>Exclude words:
    Thank you!

    Thread Starter gabu69

    (@gabu69)

    Yes, I tried the plugin of lazy loader of Florian Brinkmann, MarcDK (Lazy Loader) and it works like a charm.

    The problem even using the transform rules of the link you provided is that you have this

    src="data:image/svg+xml,%3Csvg%20xmlns='https://www.w3.org/2000/svg'%20viewBox='0%200%201200%20627'%3E%3C/svg%3E"

    In the image div and that prompts the non valid error in Facebook. Is there any way to remove that from the images div?

    Thread Starter gabu69

    (@gabu69)

    Thanks for the fast response tho

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @gabu69

    We are checking this. I’ll get back to you as soon as we investigate more.
    Thanks!

    Thread Starter gabu69

    (@gabu69)

    Thans @vmarko for the support.

    This is really importanrt sicne fb instant articles are a really good source of traffic for sites that are into social media now.

    thx

    Plugin Contributor Marko Vasiljevic

    (@vmarko)

    Hello @gabu69

    I’ve created a Github issue in our repository on your behalf. Please follow the progress of the issue regularly.
    Thanks!

    Thread Starter gabu69

    (@gabu69)

    Thanks

    I don’t think this should have been marked as resolved.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Lazy load and instant articles not compatible’ is closed to new replies.