Hi,

As I can see you did not open it through Google. Please open exactly this URL in a mobile browser: https://www.google.de/amp/s/babynews.de/kleinkind/gesundheit/husten-beim-kind-lindern-welche-hausmittel-und-wann-zum-arzt-gehen/%3famp or search for one of our AMP-Posts on Google.

Because the AMP Posts do look good (to direct visitors). But when they are indexed by Google, the Logo becomes incredibly small.

Hi,

where in the theme files can I find the AMP style.css?

Hi, I see it completely different, since you provide the complete AMP code and thus also determine its degree of optimization. Anyway, back to the actual problem. The logo is still very small on Google AMP. Since it is no longer a .webp image but .png it can’t have been because of it. Cache has been purged and also new posts show the same result.

Please have a closer look to it: https://www.google.de/amp/s/babynews.de/kleinkind/gesundheit/husten-beim-kind-lindern-welche-hausmittel-und-wann-zum-arzt-gehen/%3famp

Thank you!

Hm too bad, I can’t use the mobile theme. I don’t want a feed from the latest articles on the homepage and also the footer doesn’t offer enough possibilities.

Could you please add own “Ad Spots for AMP” to the wish list? Thank you!

Hi,

This means, one of these:

font-display: auto;
font-display: block;
font-display: swap;
font-display: fallback;
font-display: optional;

needs to be added to the CSS where the web font is defined, right? Where can I find the related CSS Lines? Why is this not added by default?

Thanks!

Hi Catalin,

Thanks for the code you provided.

.td-mobile-content .td-mobile-main-menu{
padding-bottom:80px;
}

Works even better to make the lowest menu point more visible. It helps for the moment but of course, it doesn’t stop the scrolling in background problem.
I think on “normal sites” this could be fixed with something like
overflow:scroll !important;
-webkit-overflow-scrolling: touch;
but on AMP this is not working. Something for the programmers to look at for the next update.

Thanks!

Hi Vlad,

Thanks for your links, unfortunately, they do not fit. What I’m talking about is the optimization of AMP-posts that are already set up with AMP Newspaper Theme. The posts on AMP are very fast loading, but only 88% – 90% in Google Lighthouse Pagespeed tool. So there is a way to improve to score 100% with AMP Newspaper Theme. One point they recommend/ warn is:

Provide images in modern formats 0,45 s possible load saving
Image formats such as JPEG 2000, JPEG XR and WebP often offer better compression than PNG or JPEG, enabling faster downloads and lower data consumption. Learn more.

How can this be achieved with AMP Newspaper Theme? (No changes to rest of the site, only in AMP)

Hi Simion,

Thank you very much for your very extensive answer! The automatic ads don’t seem to be quite mature yet, I think the best will be when I switch to manual placement.

If I insert the ad code in AMP format into the ad placements of the mobile theme, will the ads be displayed on the AMP pages? If not, could you please provide me with a code to display the mobile ads on AMP pages?

Thanks

Hi Vlad,

Thanks for your reply! Now I understand, the Google Pagespeed Module activated on our server (to optimize images in the frontend, original .jpg) doesn’t optimize the images on AMP. This might solve the problem. BUT

The reason why I activated this module is, Google came up with the following warning:

Provide images in modern formats 0,45 s possible load saving
Image formats such as JPEG 2000, JPEG XR and WebP often offer better compression than PNG or JPEG, enabling faster downloads and lower data consumption. Learn more.

How to achieve this on your AMP? Can this be optimized by the theme AMP? I want to score 100% pagespeed not just 88%.

Hi Calin,

are there any plans for offering different footers for AMP or any options for more customizations on AMP? That would be great.

Hi Catalin,

Thanks for your reply! Unfortunately, I can repeat this bug every time I open the menu on AMP. (https://www.dropbox.com/s/r0gg82b014kvup4/AMP%20Menu%20Bug%201.MP4?dl=0)
You probably need to have a closer look. I think it happens when tapping somewhere on the menu (not a menu link but the layer covering the page) after scrolling the first time and then after tapping you need to start scrolling again.

Thanks!

Ok, I’m now on Version 9.6.1, this seems to be working for AMP

Hi Catalin, after using my custom page footer template for a while, I figured out that this is causing some trouble. If I use third-party plugins e.g. for social sharing or for generating a table of content, these plugins (and others using a system to automatically insert content along with posts) will show their content again within the footer. E.g. Social Sharing on the bottom of each page, an additional table of content on the bottom of each page, etc.
Somehow the footer triggers them to add the elements again (although these plugins are set to appear not along pages but only along posts). It would be great if the footers could be somehow solved like headers not to be a page.

• This reply was modified 7 years by David.

Hi Catalin, Great, I didn’t realize that there is a setting for each size. Now I created this page for the footer. What I don’t like is that this site is now accessible via frontend by entering “example.com/footer-retro/”. Is there a way to completely hide this footer page from the frontend?

Hi Catalin, Thanks for your reply. The screenshot you sent is exactly what I’m looking for. I tried your proposal and modified the retro-footer template but the problem with that is that on TD Composer I can add only one CSS setting. If the screen size now changes from desktop to tablet and mobile landscape, the alignment will be destroyed again. Do you know another way how I could solve this?

Hi Catalin, Thanks for your help! This was exactly what I was looking for.

Hi Simion,

Thanks for your reply! My site was under development and not connected to a domain. Since its connected, there is no issue anymore.

Hi Simion, Thanks for your reply! I think I explained it wrong, the stuff I can’t delete are raws containing just an empty column. E.g: https://www.dropbox.com/s/pkmoda4nqd627xv/Empty%20Column.PNG?dl=0

Same when I try to load header template 12 from cloud library

Errors at columns: 1(models) : 3(dom). The model does not match the content

Hi Simion, Thanks for your reply! This works great. With a bit styling
.td_module_3 {
padding: 10px!important;
background-color: #fff;
box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
overflow: hidden;
}
it looks exctly like at the demo.

Hi Simion, that is exactly what I was looking for! Thanks for your help!

If someone is facing the same issue, removing the following lines from Newspaper/style.css will make the map integration work properly:

Line 40576:

body.td-animation-stack-type0 .td-animation-stack .entry-thumb,
body.td-animation-stack-type0 .post img {
opacity: 0;
}

Hi Calin, Sorry my Google subscription ended just shortly before you checked my site. This was not causing the issue and the subscription is active again. Could you please recheck my site? Thanks in advance!

Hi Calin, Thanks for your reply! This would definitely work for a single post, but how to enable it for all posts of a custom post type?

This kind of Malware is delivered by the ads on your site. We had the same 1-2 years ago. They attach their code somehow to ad campaigns of normal advertisers. We could identify the campaign containing the bad code and after we blocked it (and additionally some suspicious ad networks) it stopped happening. I’ve seen it on some pages lately, even on some big news sites.