סקירה כללית
תוֹכֶן הָעִניָנִים
הערת העורך:קוראי Mashable יכולים לחסוך 10% בתוכניות Squarespace חדשות עם קוד הקופוןMASHABLE10.
אם אי פעם נאלצתם לצבוט ולזום את דרככם באתר, ניסיתם ללחוץ על כפתורים מיקרוסקופיים רק כדי להגיע לעמוד הבא, אז כנראה שאתם יודעים כמה חשוב שהאתר שלכם יוכל להתאים את עצמו למסך הקטן. Squarespace היא פלטפורמת עיצוב ואירוח אתרים שמבטיחה שכל אחת מ-90+ התבניות שלה תשנה את גודלה לחוויה ניידת קריאה, אבל תבניות מסוימות מציעות אפילו יותר אפשרויות עםתכונות הניתנות להתאמה אישיתאתה יכול לשחק רק עבור הגרסה הניידת של האתר שלך.
בין התבניות הללו, חלק מהתכונות הניידות הן די בסיסיות ומסתכמות בהתאמת גודל הגופן. אבל אחרים, כמו כל אחת מ-40+ התבניות בתוךמשפחת תבניות מי מלח, מציעים דרכים רבות לכוונן את הגרסה הניידת של האתר שלך ולתת לצופים המחזיקים בטלפון שלך רושם ראשוני חזק.
האם אתרי Squarespace עובדים בנייד?
כל תבנית Squarespace בנויה מהקונספט של עיצוב רספונסיבי, אשר משנה את ממדי האתר שלך כאשר הצופים מכוונים את גודל הדפדפן שלהם או מחליפים מכשירים כדי לקרוא את התוכן שלך מטאבלט או טלפון. בנייד, כל התוכן שלך יערם בצורה אנכית, ומבטל את הצורך לצבוט, להתקרב או לגלול אופקית. מלבד הפיכת האתר שלך לקל יותר לשימוש, ישנם יתרונות רבים לבעלות אתר מותאם לנייד, כגון בעל אתר גבוה יותרעדיפות לאינדקס SEOוההזדמנות לנצל כמה התאמות אישיות לנייד בלבד.
איך לגרום לאתר Squarespace להיראות טוב בנייד
כשאתה משתמש בשולחן העבודה שלך לעיצוב אתר האינטרנט שלך, הדבר הראשון שעליך לעשות הוא להתאים את גודל הדפדפן שלך כך שתוכל לצפות בתצוגה מקדימה כיצד אלמנטי עיצוב ישתנו בתצוגת הנייד. אם אתה משתמש בלוקים מרווחים בגרסת שולחן העבודה של האתר שלך, זכור שאלו ייעלמו בגרסת הנייד שכן העדיפות היא לערום כל רכיב בצורה אנכית. כשאתה מחליט איך לפרוס את האתר שלך, אתה צריך לחשוב על הקורא הפוטנציאלי שזה עתה הגיע ומאיפה הוא מגיע. האם הם לחצו מפרופיל האינסטגרם שלך או מצאו אחד מהפוסטים בבלוג שלך בגוגל? מכיוון שהכל בנייד מוערם בצורה אנכית, עליך לשים את המידע החשוב ביותר שלך בראש העמוד בכל פעם.
אם האתר שלך כולל תמונות רבות, עליך לשקול גם להעלות אותן בגודל קובץ מופחת, מכיוון שתמונות בפורמט גדול עלולות לגרום לאתר הנייד שלך להיטען לאט יותר. (הציץ בבחירות שלנו עבור התבניות שצלמים יאהבו כאן.) Squarespace ממליצה לשמור את הדף שלך מתחת ל-5 MB כדי לוודא שהוא נטען במהירות ואם אתה משתמש באתר שלך עבורבלוגים, אתה יכול גם להפעילAccelerated Mobile Pages (AMP)כדי להאיץ את קצב הטעינה של הפוסטים שלך.
מהי תבנית Squarespace הטובה ביותר עבור אתרי אינטרנט לנייד?
בחרנו כמה מתבניות Squarespace המועדפות עלינו לאתרי אינטרנט לנייד, לא רק ממשפחת הכוכבים של Brine, אלא גם תבניות אחרות שעשויות להכיל תכונות שמתאימות יותר לעסק שלך.
עבור מוזיקאים מטיילים, אתר ידידותי לנייד הוא המפתח לגילוי. בגרסה הניידת שלאַריָה, הצופים שלך יימשכו על ידי תמונה מובילה עליונה ויומן אירועים, שבו תוכל להשתמש כדי להדגיש הופעות ואירועים קרובים. Aria תומכת גם בסגנונות שונים עבור מידע מסחר אלקטרוני, כך שתוכל להתאים אישית את דף הסחורה שלך.
חלק ממשפחת Brine, לאריה יש תכונות נוספות הניתנות להתאמה אישית עבור אתרים ניידים, כמו התאמת המשקל והצבע של סמלים וטקסט כשהם מופיעים בנייד. אתה יכול גם להגדיר את הנקודה שבה רוחב האתר מבצע את המעבר. מוזיקאים עשויים לרצות לתקן את הבאנר העליון, כך שאתה יכול להיות בטוח שהמשתמש רואה את שמך בזמן שהוא גולל. האפשרות להוסיף סרגל ניווט משני יכולה להיות שימושית גם כדי לוודא שדפים חשובים יכולים להימצא על ידי האנשים הנכונים, אך לא תסיר את המסר העיקרי של המותג שלך. פריטי תפריט אלו מופיעים בחלק העליון של המסך על שולחן העבודה, אך בנייד, הם נמצאים ממש מתחת לכפתורי הניווט הראשיים של סרגל הצד, אך ניתן להתאים את הגופן כך שיהיה פחות או יותר בולט.
הטוב
הרע
פרטים
אם אתה מנהל חנות מקוונת, הגרסה הניידת של האתר שלך צריכה להיות קלה לגלישה מבלי שתמונות בודדות יתפסו יותר מדי נדל"ן.גלפגוסהיא תבנית מושלמת לעשות זאת. בניגוד לתבנית Farro, יכולת ההתאמה של הרשת פועלת באותה מידה שהיא פועלת עבור ניידים כפי שהיא פועלת במחשב שולחני, ומעניקה לך אפשרות לשנות את גודל המוצר והמרווח, כמו גם לבחור את הסגנון של מידע נוסף על המוצר כדי להופיע בתור שכבת-על, קופסה, פינה או תג. הגדרת המוצר שלך לגודל הקטן ביותר (1.8) ושינוי סגנון הרשת יכולים לעזור לך להשתלב אפילו יותר בעמוד הראשון.
היופי בפריסה הזו הוא שגם אם אתה מנסה לדחוף כמה שיותר פריטים לראש העמוד, זה עדיין נראה מסודר כל עוד אתה משתמש בתמונות מוצר עם רקע מוצק. דפי מוצר בודדים גם מסתגלים בקלות לנייד עם תמונות גדולות כדי להקל על חווית הקנייה המקוונת לכל לקוח פוטנציאלי. Galapagos היא גם אחת התבניות היחידות המאפשרות לך להוסיף לוגו שני בסרגל העליון של סרגל הניווט לנייד. אם יש לך גרסה מינימליסטית של הלוגו הראשי שלך, זה מקום נחמד להשתמש בו.
הטוב
הרע
פרטים
אם אתה רוצה שכל פוסט בבלוג ירגיש כאילו הוא מדפים של מגזין, פארו היא דרך מצוינת להעניק לעבודה שלך מראה עריכה, המותאם לסגנון ולמותג האישי שלך. לא רק שאתה יכול להתאים אישית את המיקום והצבעים של תפריט הניווט שלך, אלא שאתה יכול גם לשנות את הסגנון של רשימת הבלוגים, בחירה ביחסי גובה-רוחב שונים, שיכולים לשפר את המראה הכללי של האתר שלך.
בלוגרי אופנה עשויים להעדיף את היחס של 2:3 להצגת סגנונות מכף רגל ועד ראש, בעוד שכותבי נסיעות יכולים להציג נופים רחבי ידיים עם המסך הרחב הקולנועי יותר 2.40. ליחס הזה יש גם אפקט חושפני מאוד מגניב כשאתה מסתכל על הדף שלך מהמחשב. מיקום הטקסט והצבע והסגנון של כל שכבות העל שתרצו להוסיף ניתנים להתאמה אישית גם בפוסטים בתצוגת הנייד. החיסרון היחיד הוא שבנייד אתה תקוע עם הארגון המוערם של פוסטים בבלוג, בעוד שלגרסת שולחן העבודה יש יותר אפשרויות פריסה.
הטוב
הרע
פרטים
אם יש לך רק אתר אחד כדי להציג את רוחב הכישרונות הרבים שלך, תזדקק לדף בית נייד שיכול לעזור לצופים בקלות לנווט בין תחומי העניין והפרויקטים הרבים שעומדים בפניך.יורקהוא תבנית קלאסית ונועד לעשות בדיוק את זה. טקסט הפתיחה בחלק העליון הוא ההזדמנות שלך לספר לעולם מי אתה, ולתת להם הצצה קטנה לתיק העבודות הרב-גוני שלך למטה.
לגרסה הניידת של יורק יש כמה אפשרויות להתאמה אישית, כמו היכולת להדביק את הניווט ושורת הכותרת לחלק העליון או התחתון של המסך ולהחליף את השקיפות. ניתן גם לשנות את רוחב הלוגו ואת צבע סמל התפריט. תפריט הנייד של יורק הוא די מודגש, לוכד את כל המסך בלחיצה אחת. נסה לשנות את הצבע של רקע התפריט לקבלת אפקט שיתפוס בקלות רבה יותר את הצופים.
הטוב
הרע
פרטים
אתה לא צריך שיהיה לךבלוגאו דפי מידע נוספים, רק בגלל שאתה צריך דף נחיתה לעסק שלך.טַיָסהיא תבנית מצוינת לשמירה על דברים פשוטים והדגשת מידע מפתח ויש כמה התאמות אישיות עבור גרסאות ניידות.
דף הפתיחה של תבנית זו משאיר מספיק מקום לחלוק את הלוגו שלך וקו תיוג על גבי תצלום מלא דימום יפהפה. גודל הלוגו מתכוונן וניתן להפעיל ולכבות את תמונת הרקע לחוויית הנייד. Aviator נותן לך שטח קטן יותר לעבוד איתו, אבל לפחות זה לא ייראה עמוס. אם אתה מתקשה לגרום לתמונת הרקע הזו לזרוח, נסה להתאים את צבע השכבה למשהו בעל אטימות בהירה יותר.
הטוב
הרע
פרטים
בעוד שכרטיסי ביקור יכולים בקלות ללכת לאיבוד בעומס של כנס, אתר אינטרנט מקצועי ומרגש להסתכל עליו יכול לעשות רושם מתמשך. הנואבהתבנית עושה בדיוק את זה עם כותרות מתיזות והרבה מקום לשתף את הצהרות המותג והעדויות שלך. עם כל כך הרבה תכונות הניתנות להתאמה אישית לנייד, קל לשלב את אסתטיקת המותג שלך בכל חלק בחוויית הנייד של התבנית הזו.
בכל הנוגע למצגת לנייד, Nueva היא הכוכבת הנוצצת של משפחת התבניות הניתנות להתאמה אישית במיוחד של Brine. עם היכולת להתאים את נקודת הפריצה לנייד ותמונות הפרלקסה, תבנית זו תהפוך את האתר שלך לתענוג לגלול בו. עם זאת, הפלטפורמה הזו תהיה מנוצלת בצורה הטובה ביותר על ידי עסקים קטנים שיש להם חזותיים חזקים שיכולים לייצג את המוצרים או השירותים שלהם.
הטוב
הרע
פרטים
אל דאגה אם אין לך הרבה חזותיים חזקים שילוו את התוכן שלך.טיודורהוא פריסה שיכולה למשוך את הקוראים על מהות הכתיבה שלך בלבד, אך עדיין נראית טוב כאשר אתה כן רוצה להוסיף תמונה.
כאשר מפרסמים מאמרים ממספר תורמים או כותבים על מגוון נושאים, קל לארגן את התוכן שלך בדף הבית שנראה נקי בנייד. כל פוסט בבלוג נועד לזרוח בפני עצמו ותוכלו להפוך את הפרטים של כל פוסט, כמו ההסבר לתאריך המעגלי, באמת לצוץ. בנייד, פריסת Tudor מארגנת את עצמה, ומזיזה אוטומטית את סרגל הניווט למטה. בדרך זו, זה תמיד בהישג ידם של הקוראים שלך. עם זאת, תבחין שאין כל כך הרבה אפשרויות להתאמות אישיות לנייד בלבד.
הטוב
הרע
פרטים
אם אתה אמן חזותי שמתמחה בנישות שונות, הקרסוןתבנית יכולה לעזור לך ליצור רושם ראשוני חזק. זה גם מגיע עם כמה שינויים מיוחדים עבור הגרסה הניידת.
עם תבנית זו, תפריט הניווט שלך הוא האירוע הראשי וכאשר אתה מרחף מעל כל פריט (בתצוגת שולחן העבודה), תמונת הרקע משתנה. זוהי דרך מצוינת לייצג במהירות את מגוון השירותים או הפרויקטים שלך בצורה ויזואלית. בגרסה הניידת של תבנית זו, התמונות יעברו בכל קטגוריה באופן אוטומטי, מה שמגביר את גורם ה-oomph. אתה יכול להתאים אישית את המראה הנייד כדי להתאים את רוחב הגודל וגופני התפריט, עם אפשרות להתאים זאת גם לגרסאות בגודל טאבלט של האתר שלך.
הטוב
הרע
פרטים
בדומה לתבנית קרסון באותה משפחה, הטרמונטכולל עיצוב עמוד ראשי מהבהב שעובד נהדר בנייד אבל מציע מראה קלאסי יותר עם פריטי ניווט ברשימה אופקית ולא אנכית. זוהי בחירה טובה יותר של תבנית עבור מסעדות שרוצות להציג את התפריטים השונים שלהן תוך כדי שהלקוחות שלהם רעבים עם תמונות מבריקות.
התיאור העליון מעל האינדקס הוא מקום טוב להציג את המידע העיקרי שלקוחות פוטנציאליים עשויים לבקר עבורו באתר שלך - כגון כתובת או מספר טלפון. בזמן שהתמונות מהבהבות בין פריטי האינדקס והתצלומים השונים, מידע זה יישאר קבוע. אם יש לך עוד דפים לכלול, כמו היסטוריה או דף יצירת קשר, אבל לא רוצה לבלבל את האפקט הראשוני, אתה יכול לארגן אותם תחת התפריט המשני שיישאר קיים בחלק העליון של הדף.
הטוב
הרע
פרטים
אם אתה צריך דף נחיתה פשוט לאירוע שלך, הרויסתבנית היא דרך יעילה להצגת מידע חיוני, מכיוון שהיא אינה מסתמכת על הצורך בהרבה צילום או דפי מידע. בראש העמוד, תוכלו להשתמש בתמונה חזקה אחת ובכותרת כדי להגדיר את הבמה לאירוע שלכם, וכפתור RSVP שיתפוס את כל המסך בלחיצה.
למטה, יש מקום להוסיף מידע מפתח נוסף, תיאור של האירוע וכל פרט מהנה אחר שאולי תרצה להזכיר. בהיותו חלק ממשפחת העיצוב של Brine, ל-Royce יש אפשרות לתקן את באנר הכותרת לחלק העליון או התחתון של העמוד בנייד, וזו גם דרך טובה לשמור על המותג שלך נוכח תמיד בעיני הקוראים בזמן שהם מעיינים. פרטי האירוע.
הטוב
הרע
פרטים
עד עכשיו, בטח שמתם לב שמשפחת בריין היא מועדפת לא רק בגלל המראה המלוטש של התבניות שלה, אלא גם הידידותיות שלה לנייד. בשורה אחת עם שאר בני המשפחה, תבנית ה-Brine בעלת שם מתאימה להתאים לכל מסך ומשתמשת בגלילה בפרלקסה כדי להפיץ את המראה של עומק וחלקלק כאשר מבקר גולל.
אחד הצדדים החזקים של בריין הוא יכולות המסחר האלקטרוני שלה - באנר ברוחב מלא נותן סקירה כללית של ההיצע שלך בעוד שתכונת החנות מאפשרת לך להציג מוצרים שונים עם פונקציית "הוסף לעגלה" שהופכת את התבנית הזו לבחירה האידיאלית עבור אלה עם חנות קטנה מכיוון שזה מקל לקפוץ ישירות ולהתחיל.
היכולת להתקרב ולהקטין (כמו גם ניווט אינטואיטיבי בין החנות לעגלה) מקלים מאוד על כל מי שמגיע לאתר שלך לקנות משהו ישירות ממכשיר נייד. אבל אם יש לך חזון משלך כיצד צריכה להיראות גרסת הנייד, אל תפחד: בריין גם מאפשרת לנוע בקלות ולבצע שינויים מבלי להפריע לתצוגת שולחן העבודה - למשל, להגדיל את הלוגו או להחליף את הרקע.
הטוב
הרע
פרטים
כמנהלת פרויקטים מיוחדים, ניקול קמורטה עוזרת להנחות את חידושי העריכה, תוכניות הרישוי וסדרות המומחיות של Mashable. בעבר היא הייתה העורכת המנהלת של האתר ועורכת הקניות הראשונה שלו לפני כן. ניקול היא גם מומחית המתנות של תושבת האתר ומספקת ריגוש מלעזור לקוראים למצוא את המתנה המושלמת. היא קיבלה תואר ראשון בעיתונאות מאוניברסיטת בוסטון ותואר שני בכתיבה ספרותית מבית הספר החדש. היא גרה במיין עם בעלה, שני ילדיהם הקטנים, וחצר אחורית מלאה בפרחים.
ניוזלטרים אלה עשויים להכיל פרסומות, עסקאות או קישורי שותפים. בלחיצה על הירשם, אתה מאשר שאתה בן 16+ ומסכים לנותנאי שימושומדיניות פרטיות.