Utilia

Δημιουργός σελίδας Link in Bio

Φτιάξτε σελίδα link in bio με φωτογραφία, συνδέσμους και χρώματα και κατεβάστε ένα αυτόνομο αρχείο HTML για φιλοξενία οπουδήποτε, δωρεάν και χωρίς λογαριασμό.

Προφίλ Φωτογραφία προφίλ (προαιρετικό)
Σύνδεσμοι
    Σχεδίαση

    Προεπισκόπηση

    Έλεγχοι

    Πηγαίο HTML

    Πώς φτιάχνετε τη σελίδα link in bio σας

    1. Στο Προφίλ, πληκτρολογήστε το Όνομα ή επωνυμία και ένα Σύντομο βιογραφικό. Οι αλλαγές γραμμής στο βιογραφικό διατηρούνται.
    2. Προαιρετικά προσθέστε Φωτογραφία προφίλ (προαιρετικό): σύρετε μια εικόνα στην περιοχή ή πατήστε την για να επιλέξετε αρχείο. Η εικόνα διαβάζεται από το πρόγραμμα περιήγησής σας και ενσωματώνεται στη σελίδα· δεν μεταφορτώνεται ποτέ.
    3. Στους Σύνδεσμοι, συμπληρώστε το Κείμενο συνδέσμου και τη Διεύθυνση (URL) κάθε κουμπιού. Πατήστε Προσθήκη συνδέσμου για περισσότερους, χρησιμοποιήστε τα κουμπιά ↑ και ↓ για να αλλάξετε τη σειρά και το × για να αφαιρέσετε έναν.
    4. Στη Σχεδίαση, επιλέξτε ένα Θέμα (Φωτεινό, Σκούρο, Ωκεανός, Ηλιοβασίλεμα, Δάσος) ή ορίστε μόνοι σας τα τέσσερα χρώματα, και μετά το Σχήμα κουμπιών και τη Γραμματοσειρά.
    5. Ελέγξτε την Προεπισκόπηση και πατήστε Λήψη index.html. Το Αντιγραφή HTML αντιγράφει τον ίδιο κώδικα, αν προτιμάτε να τον επικολλήσετε σε υπάρχοντα ιστότοπο.

    Το Φόρτωση παραδείγματος γεμίζει ένα δείγμα προφίλ για να δείτε πώς φαίνεται η σελίδα, και η Εκκαθάριση ξεκινά από την αρχή.

    Τι παίρνετε

    Το αποτέλεσμα είναι ένα μόνο αρχείο HTML με τα πάντα μέσα του: τα στυλ είναι ενσωματωμένα σε μπλοκ <style>, η φωτογραφία ενσωματώνεται ως data URI και δεν υπάρχει JavaScript, script παρακολούθησης, γραμματοσειρά ιστού ή εξωτερικό αίτημα. Έτσι η σελίδα είναι πολύ γρήγορη (συνήθως λίγα kilobyte συν τη φωτογραφία), σέβεται το απόρρητο των επισκεπτών σας και είναι εύκολο να διατηρηθεί για χρόνια: δεν υπάρχει υπηρεσία που μπορεί να κλείσει, να αλλάξει τιμές ή να προσθέσει δικό της branding.

    Η σελίδα είναι προσαρμοστική: τα κουμπιά γεμίζουν το πλάτος ενός κινητού και παραμένουν σε άνετο πλάτος σε υπολογιστή. Περιλαμβάνει χαρακτηριστικό lang, ετικέτα viewport, τίτλο (το όνομά σας) και meta περιγραφή (το βιογραφικό σας), ώστε να φαίνεται καλά στα αποτελέσματα αναζήτησης και στις προεπισκοπήσεις συνδέσμων. Οι σύνδεσμοι σε ιστότοπους ανοίγουν με rel="noopener" και οι διευθύνσεις email γίνονται αυτόματα σύνδεσμοι mailto:.

    Οι έλεγχοι

    Η λίστα Έλεγχοι επισημαίνει συνδέσμους των οποίων η διεύθυνση δεν είναι έγκυρη διεύθυνση web, mailto: ή tel:. Τέτοιοι σύνδεσμοι παραλείπονται αντί να δημοσιευτούν χαλασμένοι, και οτιδήποτε σαν javascript: απορρίπτεται πάντα. Προειδοποιεί επίσης όταν η αντίθεση κειμένου των κουμπιών ή της σελίδας είναι κάτω από 4,5:1, το επίπεδο WCAG για κανονικό κείμενο, και όταν η φωτογραφία είναι βαριά. Μια φωτογραφία 300 × 300 pixel είναι υπεραρκετή για ένα στρογγυλό avatar 104 pixel, ακόμη και σε οθόνες υψηλής πυκνότητας.

    Πώς θα ανεβάσετε τη σελίδα στο διαδίκτυο

    Το αρχείο χρειάζεται διεύθυνση ιστού για να μπορείτε να την επικολλήσετε στο bio σας στο Instagram, στο TikTok ή στο YouTube. Τρεις συνηθισμένες επιλογές:

    • GitHub Pages (δωρεάν): δημιουργήστε δημόσιο αποθετήριο, ανεβάστε το index.html και στις Settings → Pages επιλέξτε ανάπτυξη από τον κύριο κλάδο. Η σελίδα εμφανίζεται στο https://your-username.github.io/repository-name/.
    • Netlify Drop (δωρεάν): βάλτε το index.html σε έναν φάκελο και σύρετε τον φάκελο στη σελίδα του Netlify Drop. Παίρνετε αμέσως μια τυχαία διεύθυνση· δημιουργήστε δωρεάν λογαριασμό για να κρατήσετε τον ιστότοπο και να διαλέξετε καλύτερο όνομα ή να συνδέσετε δικό σας domain.
    • Δική σας φιλοξενία: ανεβάστε το αρχείο με τον διαχειριστή αρχείων ή το FTP της υπηρεσίας φιλοξενίας σας, για παράδειγμα σε φάκελο links, ώστε να έχετε το https://your-domain.com/links/.

    Για να ενημερώσετε τη σελίδα αργότερα, αλλάξτε τη φόρμα, κατεβάστε ξανά το αρχείο και αντικαταστήστε το παλιό.

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

    Είναι δωρεάν εναλλακτική του Linktree;

    Για μια απλή σελίδα συνδέσμων, ναι. Παίρνετε το ίδιο είδος σελίδας χωρίς λογαριασμό, συνδρομή ή branding. Αυτό που δεν παίρνετε είναι στατιστικά κλικ ή προγραμματισμό, επειδή η σελίδα δεν έχει scripts. Αν θέλετε να μετράτε κλικ, προσθέστε παραμέτρους UTM στους συνδέσμους σας και διαβάστε τις στα δικά σας analytics.

    Μεταφορτώνεται κάπου η φωτογραφία μου;

    Όχι. Η εικόνα διαβάζεται από το πρόγραμμα περιήγησής σας και γράφεται στο αρχείο HTML ως κείμενο (data URI). Τίποτα δεν φεύγει από τη συσκευή σας μέχρι να δημοσιεύσετε μόνοι σας το αρχείο.

    Γιατί η φωτογραφία μου κάνει το αρχείο τόσο μεγάλο;

    Η φωτογραφία ενσωματώνεται στη σελίδα, οπότε το μέγεθός της προστίθεται στο αρχείο. Μια φωτογραφία κινητού μπορεί να ζυγίζει αρκετά megabyte. Αλλάξτε το μέγεθός της σε περίπου 300 × 300 pixel και συμπιέστε την πριν την προσθέσετε: η σελίδα θα φορτώνει σχεδόν αμέσως.

    Μπορώ να επεξεργαστώ το HTML στη συνέχεια;

    Ναι. Είναι απλό, ευανάγνωστο HTML και CSS. Μπορείτε να το ανοίξετε σε οποιονδήποτε επεξεργαστή κειμένου για να προσθέσετε μια γραμμή κειμένου, υποσέλιδο ή επιπλέον στυλ.

    Μπορώ να συνδέσω έναν αριθμό τηλεφώνου ή μια διεύθυνση email;

    Ναι. Πληκτρολογήστε μια διεύθυνση email όπως είναι και γίνεται σύνδεσμος mailto:. Για αριθμό τηλεφώνου, πληκτρολογήστε tel: ακολουθούμενο από τον αριθμό σε διεθνή μορφή, για παράδειγμα tel:+302105550123.