optimizacija strani

skupaj-za-vkljucevanje/delavnica-zakaj-znati-slovensko/index.html

@@ -4,6 +4,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Delavnica: Zakaj se splača znati slovensko? - Prosberry</title>
+    <meta name="description" content="Interaktivna delavnica 'Zakaj se splača znati slovensko?' za učence priseljence. Spoznajte pomen slovenskega jezika za šolski uspeh, vsakdanje življenje in gradnjo samozavesti. Delavnica je prilagojena skupini in poteka v šoli.">
+    <meta name="keywords" content="delavnica za učence, učenje slovenščine, učenci priseljenci, vključevanje, samozavest, Prosberry, Amra Kurešepi Zulji">
+    <meta name="author" content="Amra Kurešepi Zulji">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link rel="preconnect" href="https://unpkg.com">
+    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
+    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
+    <link rel="dns-prefetch" href="https://unpkg.com">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap">
     <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
     <link rel="stylesheet" href="/css/style.css">
     <link rel="stylesheet" href="/css/animations.css">
@@ -14,8 +24,8 @@
             <div class="logo">
                 <a href="/">
                     <picture>
-                        <source srcset="/assets/images/logo.png" type="image/webp">
-                        <img src="/assets/images/logo.png" alt="Prosberry Logo">
+                        <source srcset="/assets/images/logo.webp" type="image/webp">
+                        <img src="/assets/images/logo.webp" alt="Prosberry Logo" width="1500" height="500" decoding="async">
                     </picture>
                 </a>
             </div>
@@ -189,7 +199,7 @@
                     </div>
                     <div class="workshop-image" data-aos="fade-left">
                         <div class="workshop-image-frame">
-                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.png" alt="Ilustracija učenja slovenskega jezika">
+                            <img src="/assets/images/vkljucevanje/delavnica-ucenci.webp" alt="Ilustracija učenja slovenskega jezika" loading="lazy" decoding="async" width="1536" height="1024">
                         </div>
                     </div>
                 </div>
@@ -212,8 +222,7 @@
     </div>
 </footer>
 
-    <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
-    <script src="/js/main.js"></script>
-    <script src="/js/animations.js"></script>
+    <script src="https://unpkg.com/aos@next/dist/aos.js" defer></script>
+    <script src="/js/main.js" defer></script>
 </body>
 </html>