Γρήγορες Ιστοσελίδες με AI Μεταφράσεις

Δημιουργήστε τον δικό σας στατικό ιστότοπο με πολλές γλώσσες. Έγινε εύκολο με τα εργαλεία AI!

Αυτό είναι ένα πρότυπο έργο για την κατασκευή στατικών ιστότοπων με πολλές γλώσσες. Χρησιμοποιεί το i18next για μεταφράσεις και έναν προσαρμοσμένο διακόπτη γλώσσας. Περιλαμβάνει επίσης έναν γεννήτρια χάρτη ιστότοπου και μια γεννήτρια αρχείου robots.txt. Οι επικυρώσεις HTML είναι ενσωματωμένες.

Βοηθώντας σας να μεταφράσετε από 1 γλώσσα σε 20+ γλώσσες

Μέσα στο πλαίσιο υπάρχει ένας εναλλακτής γλώσσας. Μπορείτε να αλλάξετε σε οποιαδήποτε από τις γλώσσες είτε μέσω ενός αναδυόμενου μενού είτε με συνδέσμους στο υποσέλιδο. Αυτή η ιστοσελίδα είναι ένα παράδειγμα του πώς φαίνεται αυτό.

Όχι μόνο το περιεχόμενο είναι διαφορετικό ανά σελίδα, αλλά οι διευθύνσεις URL προσαρμόζονται. Ο χάρτης ιστοσελίδας δημιουργείται με συνδέσεις για όλες τις γλώσσες, ώστε οι μηχανές αναζήτησης να μπορούν εύκολα να βρουν το περιεχόμενο. Το αρχείο robots.txt προσαρμόζεται επίσης για να επιτρέψει στις μηχανές αναζήτησης να ανιχνεύσουν τον ιστότοπο.

Ιστότοποι γρήγοροι και ασφαλείς

Ως γεννήτρια στατικών ιστοσελίδων, η έξοδος διατηρείται πολύ μικρή. Σε πολλές από τις ιστοσελίδες μου, κάθε αρχείο HTML έχει μέγεθος περίπου 20KB. Αυτό καθιστά την ιστοσελίδα σας πολύ γρήγορη στη φόρτωση. Μπορείτε να αγοράσετε πρόσβαση στους αποθετήρες github και σε μελλοντικές ενημερώσεις εδώ.

Θέλεις να το κάνουμε για σένα;

Θα πάρω ένα μόνο αρχείο HTML με ενσωματωμένο JavaScript και θα παρέχω σελίδες μετάφρασης γι' αυτό. Οι μεταφράσεις θα είναι αυτοματοποιημένα δημιουργημένες από AI και δεν θα έχουν ελεγχθεί πλήρως από ανθρώπους. Ο πηγαίος κώδικας και τα παραγόμενα αρχεία HTML θα παρασχεθούν.

Μπορώ επίσης να παρέχω μετατροπή ιστοσελίδας 10 σελίδων.

Άμεσος κώδικας

TypeScript - pages/IndexPages.ts
export async function IndexPages(): Promise<FileResult[]> {
return renderLanguageFiles({
  subDirectoryInEnglish: undefined,
  fileNameInEnglish: undefined,
  includeInSitemap: true,
  render: (props) => Index(props),
});
}  
return Layout({
  lang: props.option.code,
  title: title,
  description: metaDescription,
  languageOptions: props.allOptions,
  content: /* HTML */ `
    <h1>${i18next.t("Fast Sites with AI Translations")}</h1>
    <p>
      ${i18next.t("Build your own static site with multiple languages. Made easy with AI tooling!")}
    </p>
    [...]
    `
})
TypeScript - build.ts
(async () => {
  await StaticSiteBuild({
    baseUrl: "https://www.globalsites.ai",
    files: [
      await IndexPages(),
      await ContactUsPages(),
      await FAQPages(),
      await PrivacyPolicyPages(),
      await CopyStaticFiles(),
    ],
    translationSource: "GoogleTranslate",
    forceFileWrite: !devFlagPresent,
    validationOptions: {
      HTML: devFlagPresent ? "Sample" : "Full",
      internalURLs: true,
      skipUrls: [
        "sitemap.xml",
        "robots.txt",
        "404/",
      ],
    },
    startTime: startTime,
  });
})();
Γραμμή εντολών - output
[---------------------------------------------
… Starting build for https://www.globalsites.ai
… Skipping 90 files with no changes
… Verifying HTML is valid
✓ Finished verifying 10 HTML files
… Verifying internal URLs
✓ No internal URL errors found
✓ Done in 428 ms with 94 files
---------------------------------------------]

Για ένα σύντομο βίντεο επισκόπησης που απευθύνεται σε προγραμματιστές TypeScript, δείτε:

Συχνές Ερωτήσεις

Τι περιλαμβάνεται στις Παγκόσμιες Ιστοσελίδες (Διαρκής Πρόσβαση);

Ένα σύνολο αρχείων boilerplate που θα σας βοηθήσει να κατασκευάσετε στατικά sites με πολλές γλώσσες. Επίσης, πρόσβαση στο αποθετήριο για ενημερώσεις και υποστήριξη.

Είναι αυτό κατασκευασμένο με το React ή το NextJS;

Όχι, δεν είναι. Οι έννοιες γίνονται εύκολα κατανοητές από όσους γνωρίζουν το React, αλλά χρησιμοποιεί το i18next για μεταφράσεις και ορισμούς προτύπων βασισμένων σε συμβολοσειρές. Υπάρχουν εργαλεία για συνέπεια και ευκολία στην ανάπτυξη με αυτό το boilerplate.

Ποια είναι η πολιτική επιστροφών σας;

Έχετε πρόσβαση στο αποθετήριο και επομένως οι επιστροφές χρημάτων δεν είναι δυνατές.

Πόσος χρόνος χρειάζεται για να αποκτήσετε πρόσβαση στο αποθετήριο;

Προσθέτω πρόσβαση χειροκίνητα αυτή τη στιγμή. Προσπαθώ να τους προσθέτω πολύ γρήγορα. Στη χειρότερη περίπτωση, θα πρέπει να είναι εντός μιας εργάσιμης ημέρας. (Βασισμένο στο Οχάιο, ΗΠΑ)

Κάνουν οι πολλές γλώσσες διαφορά;

Ναι, στις δοκιμές μου διαπιστώνω ότι περίπου το μισό της επισκεψιμότητάς μου πηγαίνει σε σελίδες που δεν είναι στα Αγγλικά. Πρέπει να έχω περισσότερες πληροφορίες καθώς οι σελίδες μου αποκτούν περισσότερη επισκεψιμότητα.

Πρέπει να χρησιμοποιήσω ένα από τα θέματα σας;

Όχι. Ενώ περιλαμβάνεται ένα βασικό θέμα, δεν το βλέπω ως την κύρια αξία αυτού του εργαλείου. Άλλοι ειδικεύονται σε θέματα υψηλής ποιότητας.