Web version

Author: iaceene

index.html

@@ -5,6 +5,16 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>NetPractice - Master Computer Networking</title>
+    <!-- Meta Tags for SEO -->
+    <meta name="title"
+        content="NetPractice 42 Project Guide – Full Networking Solutions, OSI Model, Subnetting, and Routing (2025)">
+    <meta name="description"
+        content="Master the NetPractice 42 project with this comprehensive guide. Includes subnetting, OSI model, IP routing, CIDR, and all networking fundamentals.">
+    <meta name="keywords"
+        content="NetPractice 42, NetPractice 42 guide, NetPractice full solution, 42 network project, 42 networking cursus, OSI model 42 project, network layers explained, TCP/IP vs OSI model, IP routing tutorial, network routing basics, subnetting guide, IP address classes, CIDR notation explained, IPv4 vs IPv6, default gateway tutorial, netmask and wildcard mask, static routing examples, binary to decimal IP, networking for beginners, OSI 7 layers explained, router configuration 42, ping traceroute explain, VLAN vs LAN, network simulation 42, netpractice walkthrough, network topology basics, switch vs router, ARP and DNS protocols, MAC address vs IP address, port numbers networking, NAT and PAT tutorial, packet switching 42, network performance issues, packet capture with Wireshark, client-server model, DHCP and DNS roles, IP fragmentation, firewall basics, NAT configuration 42, CSMA/CD explained, ARP table vs routing table, ICMP protocol in ping, networking challenges 42, netpractice cheat sheet, network debugging techniques, netpractice step-by-step, 42 project help, 42 school network cursus">
+    <meta name="author" content="Yassine Ajagrou">
+    <meta name="robots" content="index, follow">
+
     <style>
         * {
             margin: 0;
@@ -517,13 +527,13 @@ <h1>Master Computer Networking</h1>
 
             <div class="badges">
                 <a href="https://iaceene.github.io/42_Subjects/?subject=NetPractice" class="badge">
-                    <i class="fas fa-key"></i>  42 Subject
+                    <i class="fas fa-key"></i> 42 Subject
                 </a>
                 <a href="https://iaceene.github.io/Net_Practice_42" class="badge">
-                     <i class="fas fa-circle online-dot"></i> Online Simulator
+                    <i class="fas fa-circle online-dot"></i> Online Simulator
                 </a>
-                                <a href="https://github.com/iaceene" class="badge">
-                              <i class="fab fa-github fa-2x"></i> Github
+                <a href="https://github.com/iaceene" class="badge">
+                    <i class="fab fa-github fa-2x"></i> Github
                 </a>
             </div>
         </section>
@@ -810,7 +820,7 @@ <h3>Functions of Network Devices</h3>
             <ul>
                 <li>Send and receive data between different devices</li>
                 <li>Allow devices to connect
-                                </ul>
+            </ul>
         </section>
 
         <!-- Add any additional sections if needed -->
@@ -820,7 +830,7 @@ <h3>Functions of Network Devices</h3>
     <script>
         // Add JavaScript functionality here if needed
         // For example, the progress bar functionality:
-        window.onscroll = function() {
+        window.onscroll = function () {
             var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
             var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
             var scrolled = (winScroll / height) * 100;
@@ -829,7 +839,7 @@ <h3>Functions of Network Devices</h3>
 
         // Animation on scroll
         const animateElements = document.querySelectorAll('.animate-on-scroll');
-        
+
         const observer = new IntersectionObserver((entries) => {
             entries.forEach(entry => {
                 if (entry.isIntersecting) {
@@ -840,5 +850,24 @@ <h3>Functions of Network Devices</h3>
 
         animateElements.forEach(el => observer.observe(el));
     </script>
+    <script type="application/ld+json">
+{
+  "@context": "https://schema.org",
+  "@type": "HowTo",
+  "name": "Complete Guide to NetPractice - 42 Network Project",
+  "description": "This is a step-by-step guide to mastering the 42 NetPractice project, covering IP routing, subnetting, and OSI model.",
+  "author": {
+    "@type": "Person",
+    "name": "Yassine Ajagrou"
+  },
+  "publisher": {
+    "@type": "Organization",
+    "name": "42 Network Resources"
+  },
+  "datePublished": "2025-07-01"
+}
+</script>
+
 </body>
+
 </html>