Εξέλιξη Κομματιού

Συνεδρία 1: Η Στρατηγική Υπολογισμού

  • Το Πρόβλημα: Γιατί ο Googlebot αποτυγχάνει συχνά να «δει» περιεχόμενο JavaScript.

  • Η Λύση: Συνfiguring το nuxt.config.ts για Hybrid Rendering. Θα ορίσουμε συγκεκριμένες κανόνες δρόμων (ISR vs SWR) ώστε να εξασφαλίσουμε ότι τα σελίδες προϊόντων εξυπηρετούνται ως ακίνητο HTML για τα bots.

  • Το Αποτέλεσμα: Μια αρχή σελίδας που επικυρώνεται από το Curl.

Συνεδρία 2: Μεταδεδομένα και Ορατότητα

  • Το Πρόβλημα: Τα Single Page Apps (SPAs) συχνά κοινή τους ετικέτα τίτλου για όλο το site.

  • Η Λύση: Εφαρμογή useSeoMeta και useServerSeoMeta για την προγραμματική δημιουργία δυναμικών τίτλων, περιγραφών και canonicals.

  • Η Λύση για το Social: Debugging παραλείψεων Open Graph (OG) tags ώστε να φαινόνται συνέχεια στο WhatsApp/LinkedIn.

Συνεδρία 3: Τεχνική Βάση και Αυτοκαταχώρηση

  • Το Πρόβλημα: Τα απέριθμα (orphaned) σελίδες που τα search engines δεν μπορούν να βρουν.

  • Η Λύση: Εγκατάσταση και ρυθμίση του @nuxtjs/sitemap για αυτοματή δημιουργία XML sitemaps για δυναμικές routes.

  • Η Λύση Απόδοσης: Εφαρμογή <NuxtImg> και προσδιορισμός ακριβών διαστάσεων για τη λύση του Cumulative Layout Shift (CLS) και την ταχύτητα αυτοκαταχώρηση.

Συνεδρία 4: Ελέγχους, Διάθεση και Συμπλήξη

  • Η Επακόλουθη Διερεύνηση: Debugging «Hydration Mismatches»—το #1 σφάλμα του Nuxt που δολοφονεί την απόδοση.

  • Ο Ελέγχους: Κατά τον επεξεργασία αυτού του σχεδιασμένου project, υπολογισμός Lighthouse Audit.

  • Schema.org: Εισαγωγή JSON-LD δομημένων δεδομένων για «Rich Snippets» (Stars/Reviews στα αποτελέσματα αναζήτησης).

Απαιτήσεις

  • Οι συμμετέχοντες ΠΡΕΠΕΙ να διαθέτουν εργασιακή γνώση του Vue.js και των βασικών προσδιορισμών του Nuxt.

Ακροατήριο

  • Προγραμματιστές
 7 Ώρες

Αριθμός συμμετέχοντων


Τιμή ανά συμμετοχαστή

Σχόλια (5)

Εφεξής Μαθήματα

Σχετικές Κατηγορίες