tkz wskazał ci stronę, gdzie wyświetlane są błędy i ostrzeżenia. O ile ostrzeżenia można jeszcze jakoś ominąć o tyle błędy powinno się naprawić. Np. pierwszy błąd:
A charset attribute on a meta element found after the first 1024 bytes.
Dotyczy tego, że znacznik określający kodowanie pliku został umieszczony w head po innych znacznikach. Zawsze powinieneś go umieszczać na pierwszym miejscu ponieważ jego brak może wpłynąć na interpretacje informacji znajdujących się przed nim.
Zobacz w poniższym fragmencie kodu twojej strony w header ładujesz całą serię rzeczy zanim ustawiasz kodowanie strony:
<head><link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//s.w.org"><link rel="dns-prefetch" href="//lexgroup1.serwerplus.pl"><link rel="dns-prefetch" href="//lh3.googleusercontent.com"><script>!function(e,t){function n(){for(var e,n=t.getElementsByTagName("link"),r=0;r<n.length;r++)"preload"===(e=n[r]).rel&&"style"===e.getAttribute("as")&&(!function(e,n,r){function a(){l.addEventListener&&l.removeEventListener("load",a),l.media=r||"all"}var l=t.createElement("link");l.rel="stylesheet",l.href=e,l.media="only x";l.addEventListener&&l.addEventListener("load",a);(function e(){t.body?n.parentNode.insertBefore(l,n):setTimeout(e)})(),function e(){for(var n=t.styleSheets,r=n.length;r--;)if(n[r].href===l.href)return a();setTimeout(e)}()}(e.href,e,e.media),e.rel=null)}function r(){n(),clearInterval(a)}try{if(t.createElement("link").relList.supports("preload"))return}catch(e){}var a=setInterval(n,300);e.addEventListener&&e.addEventListener("load",r),e.attachEvent&&e.attachEvent("onload",r),n()}(window,document);</script><link rel="dns-prefetch" href="//fonts.googleapis.com"><link rel="dns-prefetch" href="//fonts.gstatic.com"><link rel="preconnect" href="//fonts.googleapis.com" crossorigin="anonymous"><link rel="preconnect" href="//fonts.gstatic.com" crossorigin="anonymous"><script>!function(e){ress_loadGooglefont=function(e,n){var l,o,i=unescape(e.match(/=([^&]*)/)[1]).split("|"),r=[];for(l=0;l<i.length;l++){var a=i[l].split(":"),s=[a[0].replace(/\+/g," ")],f=(a[1]||"400").split(",");for(o=0;o<f.length;o++)s.push(f[o].replace(/^(regular|normal)/,"400").replace(/^b(old)?/,"700").replace(/italic$/,"i").replace(/^i/,"400i"));r.push(s)}t(e,r,n)};var t=ress_loadFont=function(t,n,l){function o(){var n=e.createElement("link");n.rel="stylesheet",n.href=t,e.head.appendChild(n)}if(l=l||"BES bswy 0",!e.addEventListener)return o();e.addEventListener("DOMContentLoaded",function(){var i,r,a,s,f,p,h,c=0,d=[],u=100,g=e.createElement("iframe");for((i=g.style).position="absolute",i.left="-9999px",e.body.appendChild(g),f='<link rel="stylesheet" href="'+t+'">',a=0;a<n.length;a++)for(s=1;s<n[a].length;s++)f+='<span style="font-size:999px;white-space:nowrap">'+l+"</span><br>";for((r=g.contentWindow.document).open(),r.write(f),r.close(),f=r.getElementsByTagName("span"),a=0;a<n.length;a++)for(p=n[a],s=1;s<p.length;s++)h=p[s].split("i"),d.push(f[c].offsetWidth),(i=f[c++].style).fontFamily='"'+p[0]+'"',i.fontWeight=h[0],h.length>1&&(i.fontStyle="italic");!function e(){for(a=0;a<d.length;a++)if(!1!==d[a]&&f[a].offsetWidth!==d[a]&&(d[a]=!1,0===--c))return setTimeout(function(){g.parentNode.removeChild(g)},1e3),o();--u>0&&setTimeout(e,100)}()})}}(document);ress_loadGooglefont('//fonts.googleapis.com/css?family=Roboto%3A300%2C300italic%2Cregular%2C700%2C700italic%7CRoboto:300%2C700');</script><noscript><link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto%3A300%2C300italic%2Cregular%2C700%2C700italic%7CRoboto:300%2C700"></noscript><meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
Na samym początku powinno być:
<head>
<meta charset="UTF-8">
a dopiero potem inne znaczniki.
Są też ostrzeżenia:
The type attribute is unnecessary for JavaScript resources.
Dotyczące np. tego:
<script type="text/javascript" src="wp-content/plugins/snazzy-maps/snazzymaps.js?ver=1.1.5">
oznacza to, że type="text/javascript" nie jest już wymagane przez przeglądarki.
Kolejny błąd:
The sizes attribute may be specified only if the srcset attribute is also present.
Dotyczy tego:
<img width="775" height="517" src="wp-content/uploads/2019/10/imgcache/chcesz-sprzedać-samochód-775x…80.jpg 1170w, https://skup-aut.net/wp-content/uploads/2019/10/chcesz-sprzedać-samochód-775x517.jpg">
ładowanie grafik dla różnych rozdzielczości, przykład:
<img srcset="elva-fairy-320w.jpg 320w,
elva-fairy-480w.jpg 480w,
elva-fairy-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="elva-fairy-800w.jpg" alt="Elva dressed as a fairy">
Co do wizualnej strony to bym się najbardziej doczepił sekcji po nagłówku
Skup samochodów Wrocław - skup samochodów za gotówkę
Dane tam prezentowane są nie czytelne dla użytkownika. Trzeba ładniej zaprezentować te informacje by nie zlewały się jedna z drugą. Np. Jakaś ikonka pasująca do kontekstu i pod nią krótki opis. Wszystko rozmieszczone na stronie tak żeby było czytelne. Poza tym w samym nagłówku dwa razy jest skup samochodów to trochę nie ładnie wygląda trzeba przemyśleć ten nagłówek
