• Resolved andhel

    (@andhel)


    I have problems with several posts where part of the content is not included in the instant article (IA). Also, the like-button is not displayed on the right hand side of the page. Plugin version is 2.8.
    This is my feed: https://www.anderstips.se/feed/instant-articles/

    1. For this post https://www.anderstips.se/basta-sajten-for-att-salja-bil-privat/
    It seems as text between <div> and </div> is NOT included in the IA. In once instance it’s one on level of div and in other position in the post there are overlapping <div><div><div> etc.

    Source markup:

    <div>
    <div>
    <div><a href="https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone.jpg"><img class="alignnone size-full wp-image-1210" src="https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone.jpg" alt="ferrari-car-silverstone" width="640" height="426" srcset="https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone.jpg 640w, https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone-300x200.jpg 300w, https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone-624x415.jpg 624w" sizes="(max-width: 640px) 100vw, 640px" /></a>?r blocket.se den b?sta sajten f?r att s?lja sin bil som privatperson? Det kostar 125 kr f?r en bilannons p? blocket och den ligger uppe i tv? m?nader. I priset ing?r bara en bild tyv?rr. Vill du ha fler bilder, upp till 6 st totalt, s? kostar det 40 kr extra. Alla tips kring att s?lja bil online pekar p? att <a href="https://www.automotorsport.se/artiklar/nyheter/20150401/10-saker-du-maste-veta-om-annonsbilder-nar-du-saljer-din-bil" target="_blank">m?nga och bra bilder</a> g?r det l?ttare att s?lja. Extra bilder rekommenderas allts?!</div>
    </div>
    <p>Vill du l?gga upp en gratis bilannons, s? kan du testa bilgaraget.se. 6 bilder g?r att l?gga upp och funktionerna ?r n?rmast likv?rdiga med blocket. Ett exempel ?r en annons f?r en <a href="https://www.bilgaraget.se/audi/a4-1-8t-quattro-190hk/1972983">begagnad Audi A4 1.8T Quattro i G?teborg</a>.</p>
    <p>Blocket.se har s?kert fler bes?kare ?n bilgaraget.se, vilket ?r det man betalar f?r. Dock tycker jag Blocket ligger relativt d?ligt till i s?kresultatet p? Google, n?r man googlar efter bilmodeller.</p>
    </div>
    <p>Av den anledningen tycker jag definitivt man ska l?gga sin bil p? bilgaraget.se ocks?.</p>
    <div>Bilweb.se ?r ytterligare en sajt med begagnade bilar. Tyv?rr ?r tj?nsten st?ngd f?r privatpersoner i nul?get.</p>
    </div>
    <h2>L?nkar till sajter med begagnade bilar</h2>
    <ul>
    <li><a href="https://www.blocket.se" target="_blank">blocket.se</a></li>
    <li><a href="https://bilgaraget.se" target="_blank">bilgaraget.se</a></li>
    <li><a href="https://bilweb.se/" target="_blank">bilweb.se</a></li>
    </ul>

    Transformed markup:

    <html>
      <head>
        <link rel="canonical" href="https://www.anderstips.se/basta-sajten-for-att-salja-bil-privat/"/>
        <meta charset="utf-8"/>
        <meta property="op:generator" content="facebook-instant-articles-sdk-php"/>
        <meta property="op:generator:version" content="1.0.5"/>
        <meta property="op:transformer" content="facebook-instant-articles-sdk-php"/>
        <meta property="op:transformer:version" content="1.0.5"/>
        <meta property="op:markup_version" content="v1.0"/>
        <meta property="fb:use_automatic_ad_placement" content="true"/>
        <meta property="fb:article_style" content="default"/>
      </head>
      <body>
        <article>
          <header>
            <figure>
              <img src="https://www.anderstips.se/wp-content/uploads/2016/01/ferrari-car-silverstone.jpg"/>
            </figure>
            <h1>B?sta sajten f?r att s?lja bil privat?</h1>
            <time class="op-published" datetime="2016-01-19T16:42:37+01:00">January 19th, 4:42pm</time>
            <time class="op-modified" datetime="2016-01-19T16:42:37+01:00">January 19th, 4:42pm</time>
            <address><a>Anders</a>Har ett stort intresse f?r webbutveckling och marknadsf?ring p? Internet. Driver flera olika sajter och bloggar inom olika omr?den.</address>
            <figure class="op-ad">
              <iframe src="https://www.facebook.com/adnw_request?placement=223200661376260_223206254709034&adtype=banner300x250" width="300" height="250"></iframe>
            </figure>
          </header>
          <p>Av den anledningen tycker jag definitivt man ska l?gga sin bil p? bilgaraget.se ocks?.</p>
          <h2>L?nkar till sajter med begagnade bilar</h2>
          <ul>
            <li>
              <a href="https://www.blocket.se">blocket.se</a>
            </li>
            <li>
              <a href="https://bilgaraget.se">bilgaraget.se</a>
            </li>
            <li>
              <a href="https://bilweb.se/">bilweb.se</a>
            </li>
          </ul>
          <figure class="op-tracker">
            <iframe><!-- This site uses the Google Analytics by MonsterInsights plugin v5.4.9 - Universal enabled - https://www.monsterinsights.com/ -->
    <script type="text/javascript">
    	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    	})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');
    
    	__gaTracker('create', 'UA-1897641-37', 'auto');
    	__gaTracker('set', 'forceSSL', true);
    	__gaTracker('send','pageview');
    
    </script>
    <!-- / Google Analytics by MonsterInsights -->
    </iframe>
          </figure>
        </article>
      </body>
    </html>

    2. For this post there are two problems. https://www.anderstips.se/46-smarta-tips-for-dig-som-har-iphone-eller-ipad/
    Problem 2.1The first paragraph text is NOT included in the IA, it should start with “Anv?nder du iPhone eller iPad s? kan du g?ra vardagen…”.
    Problem 2.2 The same image is shown in both header and content in the IA (tried in fb pages app). There is this alert, but no warning:
    “Repeating Cover Image and First Image: The cover image and the image ‘https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna-300×199.jpg&#8217; seem to be the same or almost the same image. Please consider removing or replacing one of the images.”

    Source markup:

    <p><a href="https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna.jpg"><img class="alignright size-medium wp-image-1084" src="https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna-300x199.jpg" alt="macbook iphone kvinna" width="300" height="199" srcset="https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna-300x199.jpg 300w, https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna-624x414.jpg 624w, https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna.jpg 640w" sizes="(max-width: 300px) 100vw, 300px" /></a>Anv?nder du iPhone eller iPad s? kan du g?ra vardagen l?ttare genom att l?ra dig drygt <a href="https://www.omteknik.se/iphone-tips-och-trix-som-du-inte-kande-till/" target="_blank">40 smarta tips f?r iPhone</a>. H?r f?ljer fyra?tips:</p>
    <ul>
    <li><strong>Trycker du p? mellanslag 2 g?nger, s? blir resultatet punkt och mellanslag.</strong></li>
    <li><strong>N?r du ska skriva en mailadress, h?ll nere . (punkt), s? dyker .se .com o.s.v. upp.</strong></li>
    <li>Skriv EN stor bokstav. Dra fr?n shift-tangenten till ?nskad bokstav.</li>
    <li><strong>Tysta ringsignalen vid inkommande samtal: Tryck p? sleep eller valfri volymknapp. (du kan fortfarande svara p? samtalet)</strong></li>
    </ul>
    <p>Har du fler tips hur man?anv?nder sin iPhone eller iPad p? ett smartare s?tt?</p>

    Transformed markup:

    <html>
      <head>
        <link rel="canonical" href="https://www.anderstips.se/46-smarta-tips-for-dig-som-har-iphone-eller-ipad/"/>
        <meta charset="utf-8"/>
        <meta property="op:generator" content="facebook-instant-articles-sdk-php"/>
        <meta property="op:generator:version" content="1.0.5"/>
        <meta property="op:transformer" content="facebook-instant-articles-sdk-php"/>
        <meta property="op:transformer:version" content="1.0.5"/>
        <meta property="op:markup_version" content="v1.0"/>
        <meta property="fb:use_automatic_ad_placement" content="true"/>
        <meta property="fb:article_style" content="default"/>
      </head>
      <body>
        <article>
          <header>
            <figure>
              <img src="https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna.jpg"/>
            </figure>
            <h1>46 smarta tips f?r dig som har iPhone eller iPad</h1>
            <time class="op-published" datetime="2015-10-12T01:29:34+02:00">October 12th, 1:29am</time>
            <time class="op-modified" datetime="2015-10-12T01:29:34+02:00">October 12th, 1:29am</time>
            <address><a>Anders</a>Har ett stort intresse f?r webbutveckling och marknadsf?ring p? Internet. Driver flera olika sajter och bloggar inom olika omr?den.</address>
            <figure class="op-ad">
              <iframe src="https://www.facebook.com/adnw_request?placement=223200661376260_223206254709034&adtype=banner300x250" width="300" height="250"></iframe>
            </figure>
          </header>
          <figure>
            <img src="https://www.anderstips.se/wp-content/uploads/2015/07/macbook-iphone-kvinna-300x199.jpg"/>
          </figure>
          <ul>
            <li>
              <b>Trycker du p? mellanslag 2 g?nger, s? blir resultatet punkt och mellanslag.</b>
            </li>
            <li>
              <b>N?r du ska skriva en mailadress, h?ll nere . (punkt), s? dyker .se .com o.s.v. upp.</b>
            </li>
            <li>Skriv EN stor bokstav. Dra fr?n shift-tangenten till ?nskad bokstav.</li>
            <li>
              <b>Tysta ringsignalen vid inkommande samtal: Tryck p? sleep eller valfri volymknapp. (du kan fortfarande svara p? samtalet)</b>
            </li>
          </ul>
          <p>Har du fler tips hur man?anv?nder sin iPhone eller iPad p? ett smartare s?tt?</p>
          <figure class="op-tracker">
            <iframe><!-- This site uses the Google Analytics by MonsterInsights plugin v5.4.9 - Universal enabled - https://www.monsterinsights.com/ -->
    <script type="text/javascript">
    	(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    		(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    		m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    	})(window,document,'script','//www.google-analytics.com/analytics.js','__gaTracker');
    
    	__gaTracker('create', 'UA-1897641-37', 'auto');
    	__gaTracker('set', 'forceSSL', true);
    	__gaTracker('send','pageview');
    
    </script>
    <!-- / Google Analytics by MonsterInsights -->
    </iframe>
          </figure>
        </article>
      </body>
    </html>

    3. Like button on the right hand side of the IA is not displayed.

    https://www.ads-software.com/plugins/fb-instant-articles/

Viewing 6 replies - 1 through 6 (of 6 total)
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Content within div missing in instant article and other content missing’ is closed to new replies.