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

Σεσιόν 1: Η Στρατηγική Υποερμηνέυσης

  • Το πρόβλημα: Γιατί το Googlebot συχνά αποτύχει να "δει" JavaScript περιεχόμενο.
  • Η λύση: Ρύθμιση του nuxt.config.ts για Υποερμηνέυση Hybrid. Θα ορίσουμε συγκεκριμένες κανόνες δρόμων (ISR vs SWR) για να εξασφαλίσουμε ότι τα σελίδες προϊόντων λειτουργούν ως ημιστατικό HTML για bots.
  • Ο Αποτέλεσμα: Κάθε σελίδα που μπορεί να ανακυκλωθεί, επιβεβαιώνεται από το Curl.

Σεσιόν 2: Μετάδοση και Ορατότητα

  • Το πρόβλημα: Συνήθως, οι εφαρμογές με μία σελίδα (SPA) κοινοποιούν τον ίδιο τίτλο για όλη την ιστοσελίδα.
  • Η λύση: Εφαρμογή useSeoMeta και useServerSeoMeta για την πρόγραμματική δημιουργία δυναμικών τίτλων, περιγραφών και canonicals.
  • Οικονομική λύση: Επανόρθωση των συμπτωμάτων που δημιουργούν κατεστραμμένα Open Graph (OG) tags, ώστε τα links να φαίνονται σωστά στο WhatsApp/LinkedIn.

Σεσιόν 3: Τεχνική Βάση και Καταχώρηση

  • Το πρόβλημα: Μοναξιά σελίδες που τα μηχανήματα αναζήτησης δεν βρίσκουν.
  • Η λύση: Εγκατάσταση και ρύθμιση του @nuxtjs/sitemap για να δημιουργεί αυτόματα XML sitemaps για δυναμικούς δρόμους.
  • Η Απόδοση λύση: Εφαρμογή <NuxtImg> και ορισμός ακριβών διαστάσεων για να λύσετε το Cumulative Layout Shift (CLS) και να επιταχύνετε την καταχώρηση.

Σεσιόν 4: Ελέγχος, Αμυνή και Υποερμηνέυση

  • Η βαθιά ανάλυση: Διόρθωση των "Ματαίωσης Υποερμηνέυσης" - του #1 λάθους στο Nuxt που καταιγίζει την απόδοση.
  • Η έλεγχος: Εκτέλεση εξυπηρετητή Lighthouse Audit στο διορθωμένο project.
  • Schema.org: Παρέμβαση JSON-LD structured data για τους "Rich Snippets" (Στάρ/Αξιολογήσεις στα αποτελέσματα αναζήτησης).

Απαιτήσεις

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

Απευθύνεται σε:

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

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


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

Σχόλια (5)

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

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