סוף סוף החלטת להכין את שלך אתר אינטרנט אך למרות שהרעיונות רבים ותקפים, עדיין לא ברור לך כיצד לארגן אותם. אל תפחד אז: אם אתה רוצה, היום אני כאן כדי לעזור לך בעניין זה ולהסביר לך כיצד לבנות אתר תלוי בצרכי התקשורת שלך.
לאחר שקבעת כמה כללים כלליים, תלמד אילו דפים בסיסיים יש באתר, בין אם זה אתר אישי, בלוג או אתר חברה. אך לא רק זאת: תבינו כיצד להגדיר את היררכיית התוכן בסחר אלקטרוני, ואם אתם כבר מומחים מעטים בנושא, תוכלו ללהטט עם בניית אתר עם HTML. אני אציע גם כמה כלים להקל על עבודתך.
אני מהמר שבשלב זה תרצה לדעת מיד כיצד להתחיל בכדי להביא את האתר שלך לרשת בהקדם האפשרי. האם ניחשתי? ובכן, כל שעליך לעשות הוא לקחת כמה דקות של זמן פנוי ולקרוא את מה שיש לי להמליץ עליו: אתה תראה שבכל זמן קצר יהיו לך רעיונות ברורים לגבי המבנה הפונקציונלי ביותר עבור האתר שתמצא לִיצוֹר.
מדיניות פרטיות ועוגיות, שנוכחותם חובה בכל אתרי האינטרנט.
עצם ההכרה בכל הקטעים הללו כשאתה פותח אתר עוזרת לך להבין באופן אינטואיטיבי כיצד למצוא את המידע הרצוי.
הנקודה השנייה, שעליה חיוני לבנות תוכן מקוון היטב, נוגעת ל דפדפן ואני מנוע חיפוש, שהשימוש שבהם הוא ללא ספק גוגל. כדי להבטיח שהאתר שלך יכול להיכנס ל- SERP גוגל (כלומר הדף עם תוצאות החיפוש), עליך ליצור "דיאלוג" עם שלו סורק (כלומר זה שעוסק ב"סריקת "האתרים שיוספו לאינדקס במנוע החיפוש).
אם אתה רוצה מדרג טוב בגוגל, אתה צריך לעבוד באופטיקה קידום אתרים (כלומר אופטימיזציה למנועי חיפוש, אופטימיזציה למנועי חיפוש) קוד מקור שיש מאחורי כל אלמנט אחד באתר (אל תפחדו, הרבה דברים כבר מותאמים כברירת מחדל ולא בהכרח תצטרכו לעבוד עמוק על הקוד); יהיה עליכם גם ליצור תוכן (בעיקר טקסטים, אך גם תמונות ואלמנטים אחרים של מולטימדיה) באופן "מושך" עבור מנועי חיפוש (מבלי לאבד מעולם את הערך הפנימי של כל תוכן המוצע לקורא, וזה תמיד הכי הרבה דבר חשוב).
עבור השאר, אני יכול לומר לך כי באופן עקרוני, אתר טוב צריך להיות בעל מבנה שבו קטגוריות כללי יותר מהנושאים שעוסקים בחזית, ובתלות ישירה בהם, ישנם אחרים, כל פעם ספציפיים יותר. סוג זה של מבנה מוגדר כ- ממגורות ובאופן איור, כל קטגוריה אחת, עם הנושאים הקשורים אליה, מייצגת את אחד המכולות הגדולות הללו (אתה רק צריך לדמיין את הממגורות המכילות, למשל, סוגים שונים של דגנים בחוות גדולות, זו לצד זו). במודל זה, מה שנמצא בתוך סילו לעולם לא צריך "לזהם" את הסילו הסמוך.
אם נחזור לאתר, הכל מתואר במדויק מילת מפתח (המכונה גם מילת מפתח) צריך להיות שייך לקטגוריה אחת, מבלי להיות משוכפל בחלק אחר של האתר, המתואר במילות מפתח שונות: אחרת, כמו שאומרים בעגה הטכנית, הנושאים בסופו של דבר יהיו קניבליזציה מעצמם ומנועי החיפוש כבר לא ידעו אילו מהם אינדקס.
אל תדאגי, זה בכלל לא קשה לזהות מבנה כזה בתוך אתר: אתן לך דוגמה מעשית באמצעות הבלוג הזה. אם תחזור לראש דף זה, או של כל מאמר אחר, תחת התפריט הראשי של אותו אתה יכול לראות מילים כמו דף הבית> אינטרנט> שירותים מקוונים> יצירת אתרים> כותרת המאמר.
התוכנית הזו, שאני ממליץ לך להראות תמיד באתר שלך, נקבעת על פי התנאים האמורים פרורי לחםכלומר, תרתי משמע פרורי לחם. בדיוק כמו בסיפור המפורסם של "טום אגודל", פירורי הלחם נועדו לעקוב אחריהם כדי להוביל אתכם ליעדכם, ובמקרה של אתר, לחשוף את מבנהו.
המידע שתקבל יגיד לך שבמקרה של בלוג זה, בדף הבית, תמצא קטגוריית מאקרו גדולה, זו הנקראת "אינטרנט", המכילה את כל המאמרים הנוגעים ל"שירותים מקוונים ", ובתורו, הוא מכיל את כל הנושאים בנושא "יצירת אתרים", הכולל גם את ההדרכה שאתה קורא כעת.
נאמר על תוכנית הסילו, שעוברת מהנושא הכללי יותר לנושא הספציפי אֲנָכִי. כדי להדגיש היבטים רוחביים מדויקים, המשותפים למספר נושאים, משתמשים במערכת אופקית, כלומר ב- תָג.
ארגון מדויק של תכני האתר מבטיח למבקרים לתפוס את הקריאות המיידית שלו ובמקביל האלגוריתמים של מנועי החיפוש מפרשים באופן עקבי את ההיגיון שמאחורי המבנה.
לפני בניית האתר שלך, אתה יכול לעצב את המבנה שלו, אפילו רק על ידי ציור המתאר שלו (מסגרת קווית) על סדין. לכן, כאשר אתה עובר לשלב התפעולי בפועל, זכור גם לכתוב את הטקסטים באמצעות כלים שיכולים להציע את מילות המפתח הנכונות (אני מציע את מתכנן מילות המפתח של גוגל), להשתמש תמונות אור (למשל ב פורמט .png) ולתת שם לקבצים שלהם באמצעות מילות מפתח המנוצלות גם בטקסטים, יחד עם מונחים המתארים בפועל את מה שהתמונות מייצגות. כנ"ל לגבי כל תוכן מולטימדיה אחר.
זכור להיכנס לאלים קישורים פנימיים בדפי האתר שלך, כלומר, המתייחסים לדפים אחרים באתר עצמו. זה יעזור מאוד למבקרים לזרז את הגלישה.
לסיום, שאל את עצמך איזה סוג אתר מתאים לך: א דף אישי או א בלוג, שונים בבירור מ- אתר החברה, שימושי אם יש לך שירותים להציע, שכן שונה הוא אחד דף נחיתה או אתר מסחר אלקטרוני, הכרחי אם הכוונה שלך היא למכור מוצרים.
בפסקאות הבאות אתאר את ההבדלים בין סוגי האתרים השונים, את המבנה שלהם ואת הכלים הטובים ביותר לבנייתם. זכור תמיד כי למרות שהאחרון עשוי להיות חופשי, תצטרך לרשום דומיין (שם האתר) ולרכישת שטח אירוח, אשר יארח אותו, יחד עם התוכן שתעלה באופן מקוון. שירותים מסוימים מספקים הכל בחבילות "הכל כלול" נוחות, אז אל דאגה: גם במקרה זה, שום דבר לא מורכב במיוחד.
בלוג (מושלם אם אתם מעדיפים מבנה מאמרים ומחפשים מערכת מוכנה לשימוש לניהול תוכן) ו / או אתר תיק עבודות (שתמיד תוכלו לבנות כבלוג או אפילו ליצור בפורמט סטטי יותר, אם ההתמקדות שלכם היא בקידום אישי ובפרויקטים החיצוניים שלכם, שאולי אתם מדברים עליהם טוב יותר באתרים ייעודיים אחרים): הנה, אם כן, האינדיקציות שלי בנושא כיצד לבנות אתר אישי.
באתר מסוג זה, מה שיהיה יותר מקום יהיה המאמרים שאתה כותב, או תמונות, קטעי וידאו או תוכן מולטימדיה אחר שיכולים להציג, למשל, את העבודות שלך. כבר מ דף הבית שלך יכול להיזכר הנושאים החשובים ביותר, ה ההודעות האחרונות שפורסמו ואלה שיש להםחשיבות תקופתית.
אם היה לך בלוג אמיתי בראש, אתה יכול לקחת את שלי כדוגמא, כדי לקבוע את המבנה שלו, כפי שהסברתי לך במידע המקדים של מדריך זה.
אם התוכן שלך הוא ויזואלי ברובו, יש לשלב אותו במבנה האתר הקלאסי גלריה לתמונות ו / או סרטונים.
כדי לפתוח את הבלוג שלך, אתה יכול להשתמש בכלים שונים, כולל כלים בחינם. ביניהם, אולי השלם והרב-תכליתי ביותר, המאפשר לך לבנות את האתר כאמור, הוא א CMS, קיצור שפירושו מערכת ניהול תוכן ומייצגת מערכת "מוכנה לשימוש" די קלה לקביעת תצורה של אתר ו / או בלוג, המיועדת גם למנהלי אתרים שאינם. אחד ה- CMS הידועים, המשומשים והגמישים ביותר הוא וורדפרס: לאחר הרכישה תְחוּם הוא אירוח לאתר שלך, פשוט היכנס לאתר הוורדפרס הרשמי, להוריד את CMS הוא התקן אותו במרחב האינטרנט שלך, להחיות באופן מיידי את האתר שלך. לחלופין, אתה יכול צור בלוג וורדפרס, בחינם או בתשלום (ברכישת דומיין ומרחב אינטרנט ישירות דרך השירות) החל מאתר וורדפרס אחר זה. שימו לב שהגרסה החינמית של וורדפרס אינה מאפשרת לייצר רווחים מהאתר עם פרסומות.
כחלופה לוורדפרס, אם הכוונה שלך היא ליצור בלוג חינמי ללא יותר מדי יומרות, תוכל לשקול את הפלטפורמה בלוגר שֶׁל גוגל, המאפשרת לך גם לייצר רווח מתוכן באמצעות מודעות AdSense. מידע נוסף כאן.
כאשר צברת ניסיון מסוים, אם תרצה, תוכל גם להפעיל את המאמצים שלך להעמיד את הבלוג לשימוש טוב: הוא למעשה כלי מתאים במיוחד למכירת שטחי פרסום או קישורים. בהקשר זה, אתה יכול לנסות לקרוא את המדריך שלי כיצד לעשות בניית קישורים ובאופן כללי יותר כיצד להרוויח כסף באמצעות בלוג.
אם, אם כן, אתה באמת רוצה לעבוד קשה כדי להשיג תוצאות עם האתר האישי שלך, קרא גם את המדריך שלי בנושא כיצד ליצור בלוג מצליח.
תְחוּם ולקנות אחד אירוח שטחואז החליטו על המערכת המתאימה ביותר לניהול תוכן האינטרנט שלכם, ככל הנראה מערכת CMS.
באשר למבנה המיוצג על ידי הדפים, בנוסף ל דף הבית, בעמוד מי אנחנו ולזה אנשי קשר, תמיד חיוני, זה הגיוני לחשוב ליצור אחד לארח תיק עבודות של העבודה שבוצעה ו / או של הלקוחות איתם היא שיתפה פעולה. היסוד יהיה הדף שבו ה- שירותים המוצע ובו תדאג להדגיש את יתרונות שיכול להוביל למשתמש. מנקודת מבט של קידום מכירות, יכול להיות גם שימושי להוסיף קטע המוקדש לתגובות חיוביות, המלצות אמינות על הפעילות, כלומר סיפורי הצלחה.
אם הייתם מציעים גם הנחות או מוכרים מוצרים, כדאי לכם לחשוב על בניית אחד כזה דף נחיתה או אל מסחר אלקטרוני (עם זאת, אדבר על נושא זה בפרק הבא).
ניתן לבנות את מבנה האתר הארגוני באמצעות מערכת CMS, כמוסבר בפרק המוקדש לאתר האישי. זה כמעט מובן מאליו וורדפרס הוא הכלי הטוב ביותר המתאים למטרה, אם כי אני יכול לייעץ גם לכם ג'ומלה, ליצירת דפי נחיתה ה דרופל. כדי להתמצא טוב יותר בעולם ה- CMS, כתבתי מדריך המתאר מה CMS הטוב ביותר במחזור ולכן, אני מציע שתסתכל על זה.
במקום זאת, כדי לבסס את יסודות הנושא הנדון בפרק זה, אני ממליץ לך לקרוא את המדריך שלי כיצד ליצור אתר ארגוני, השלם עם כל השלבים להשלמת המשימה.
אתר החברה, חשוב שתכירו את הלקוחות שלכם, את יַעַד התייחס לאיזה עניין המוצרים שאתה מוכר. זה יעזור לך לשרטט את הטקסטים והתכנים המופיעים בדפים שהם הדפים הקנוניים ביותר של האתר, ולכן הם מוצגים גם במסחר אלקטרוני: דף הבית, מי אנחנו, אנשי קשר, שאליו, גם במקרה זה, ניתן להוסיף דף תיק עבודות, זה של יחסית לאלים שירותים פרטים שאתה מציע ורוצים להדגיש, כמו גם את דעות של לקוחות מרוצים, אם כבר יש לך אותם.
בנוסף לכך, לב המסחר האלקטרוני יוצג על ידי מוצרים ומהקלפים שמתארים אותם. כל אחד מהם, בעצם, חייב להכיל, לפי הסדר, את שם מוצר, 'תמונה, או יותר מאחד, שמראה את זה כמה שיותר נכון, אחד תיאור מדויק ומדויק, כל אחד תכונות טכניות, גדלים, צבעים, חלקים זמינים במלאי, מחיר, הכפתור לִקְנוֹת ראיות היטב ואולי אפילו אלים מוצרים קשורים שיכול לעורר את המשתמש לקנות משהו אחר מהמסחר האלקטרוני שלך.
לאחר מכן יהיה עליך להיות זהיר בניהול ה- קָטָלוֹג, רצוי לבנות אותו על פי מודל הסילו, שתיארתי בתחילת ההדרכה, לתצורה של ה- שיטות תשלום ושל אנשי הקשר שעוזבים את שלהם מידע אישי: בהקשר זה, אם תבצע פעולות שיווק (ביניהן נוכל להזכיר גם מערכת אפשרית של התחברות לאתר, אני עוגיות וההצעה להירשם ל עלון למבקרי האתר) תצטרך להצהיר על כך בדף המיועד מדיניות פרטיותוכן לחשוב על הצבת דפים מדויקים מאוד על תנאי מכירה, של חזר, של נְסִיגָה והמשיך שיטות משלוח של הטובין. עבור מסמכים אלה, אני ממליץ לך לפנות לאיש מקצוע, כגון עורך דין מנוסה.
כדי להקל על חייך ביצירת מסחר אלקטרוני, תוכל לפנות לשירותים כגון Shopify, שמאפשרת לכם להקים חנות מקוונת בכמה לחיצות, הן משולחן העבודה והן מסמארטפון או טאבלט (היא זמינה כאפליקציה לאנדרואיד ו- iOS / iPadOS) עם ניסיון חינם למשך 14 יום ואז לבחור בין תוכניות שונות: Shopify בסיסי ($ 29 לחודש) שכולל בין היתר את היכולת לנהל מסחר אלקטרוני ובלוג; Shopify ($ 79 לחודש) מה שמוסיף אפשרות לקיים 5 חשבונות צוות ואפשרות להכניס שוברי מתנה; ולבסוף Shopify מתקדם (299 $ לחודש) המציע את הטוב ביותר לעסקים גדולים יותר.
ברגע שזה נעשה, למעשה, תצטרך רק צור חשבון ופעל לפי ההוראות שמספקת המערכת עבור לנהל את החנות, אני מוצרים בפנים ו הזמנות. לכל הפרטים קרא את המדריך שלי בנושא כיצד ליצור מסחר אלקטרוני עם Shopify.
אם אתה מעדיף פתרון אחר ויש לך דרך לגשת ל- CMS, נסה להשתמש WooCommerce, הרחבה הרשמית של מסחר אלקטרוני של וורדפרס, זמין גם בפתרונות מוכנים לשימוש, כמו זה של ארובה. כדי לקבל מושג על האחרים פלטפורמות מסחר אלקטרוני זמין, קרא את המדריך שלי בנושא.
המדריך שלי שהתמקד ביצירת אתר מסחר אלקטרוני, לעומת זאת, יכול לעזור לך לקבל סקירה כללית של הנושא.
JavaScript, מתאים ליצירת פעולות אינטראקטיביות באתר.
בשלב זה אני ממליץ לך לקרוא את המדריך שלי כיצד ליצור אתר HTML, כדי להבין כיצד לבנות כל עמוד בודד, תוך מבנה היררכי של התוכן. אחרי זה תוכלו למזג אותם לאחד מִסגֶרֶת, שיטה המסייעת בבניית אתר באופן שמתאים את התצוגה שלו בהתאם לדפדפנים השונים, כדי לייעל את מהירות הטעינה שלו, להתאים אישית את ההיבטים הגרפיים וכן הלאה.
בין המשאבים הטובים ביותר לשימוש חופשי לבניית אתר HTML אני יכול רק להמליץ לך Bootstrap: מעין ספריה המכילה אינספור תבניות HTML, CSS ואפילו JavaScript. אם אתה מבין קצת את הנושא, אתה יכול גם לתהות כיצד לבנות אתר PHP: במקרה זה, נסה להתייעץ עם קישור זה.
אינסטגרם, פייסבוק, טוויטר, טיק טוק וכן הלאה, על מנת להרחיב את הקהל שלך ולקיים דיאלוג עם האחרון.