דילוג לתוכן הראשי
חזרה לעבודות

הגורר 2 - אתר תדמית לשירותי גרירה

22

עמודים

PWA

ניתן להתקנה בנייד

מה היה תקוע

גרירה וחילוץ הוא שירות שמחפשים ברגע הגרוע ביום: ברכב שלא מניע, בשול של כביש, ביד אחת. החיפוש כמעט תמיד מקומי ומצבי - שם של שירות ועוד שם של אזור - ולכל צמד כזה יש כוונה אחרת וצריכה להיות לו תשובה אחרת. אתר של עמוד אחד יכול לענות על צמד אחד. על עשרים הוא לא יכול, כי אין בו עשרים כותרות, עשרים כתובות או עשרים עמודים שגוגל יכול לדרג בנפרד. זה היה האתגר כאן: מבנה שבו לכל שירות ולכל אזור שירות יש עמוד משלו ותוכן משלו, בלי שהאתר יהפוך לעשרים ושתיים גרסאות של אותו טקסט - ושייטען מהר על רשת סלולרית חלשה, כי זה התנאי שבו הוא נקרא בפועל.

מה בנינו

האתר נבנה ב-HTML ו-CSS בלבד, בלי מערכת ניהול תוכן ובלי תוספים: 22 עמודים סטטיים שמוגשים כקבצים. זה מה שמייצר את זמן הטעינה בשטח, וזה גם מה שמוריד את משטח התקיפה: אין פאנל ניהול להיכנס אליו ואין תוסף שצריך לעדכן כל חודש. המבנה הוא העבודה האמיתית. לכל שירות ולכל אזור שירות יש עמוד משלו עם כותרת H1 משלו, ועל כל עמוד יושבות סכמות Schema.org שמסבירות לגוגל שמדובר בעסק מקומי עם שירות, אזור שירות וטלפון - ולא בעמוד טקסט. הנגישות נבנתה פנימה ולא הודבקה מעל: היררכיית כותרות, טקסט חלופי לתמונות, ניווט מלא במקלדת וניגודיות לפי ת"י 5568, בלי ווידג'ט נגישות חיצוני. והאתר ניתן להתקנה בנייד כ-PWA, כך שמי שקרא לגרר פעם אחת יכול להשאיר אותו על מסך הבית ולהגיע אליו בפעם הבאה בלי לחפש שוב.

מה נבנה בפועל

  • 22 עמודים סטטיים - עמוד נפרד לכל שירות ולכל אזור שירות
  • סכמות Schema.org לעסק מקומי על כל עמוד: שירות, אזור שירות וטלפון
  • נגישות לפי ת"י 5568 - כותרות, טקסט חלופי, מקלדת וניגודיות, בלי תוסף
  • התקנה בנייד כ-PWA, בלי לעבור דרך חנות אפליקציות
  • בלי מערכת ניהול תוכן ובלי תוספים - אין פאנל לפרוץ ואין רישיונות שנתיים

כלים

תחוםבניית אתרים
כליםHTML/CSS · SEO · PWA · Schema.org