העלאת תמונות לאתר בצורה נכונה
נכתב ע"י יוחאי ירמיהו6 שאלות
תיאור קצר לשיעור: כאשר אנחנו מעלים תמונות לאתר יש חוקים שאנחנו צריכים להכיר גם מבחינת קידום אתרים וגם מבחינת חוק הנגישות. בשיעור זה נלמד איך להעלות תמונות לאתר באופן נכון ותקני.
אורך השיעור: 11:57 דקות
קורסים המכילים את השיעור וידאו:
איך לבנות אתר בחינם בשעה וחצי?
תוכן השיעור:
כאשר אנחנו מעלים תמונות לאתר ישנם כמה חוקים שאנחנו צריכים להכיר על מנת להעלות את התמונה בצורה נכונה כך שלא נפגע בקידום של האתר ובכדי לא ליצור מצב שבו האתר לא יהיה נגיש לפי חוק הנגישות.
העלאת תמונה לאתר מספריית המדיה או מעמוד שיצרנו
אם אנחנו מעלים תמונה לאתר יש לנו את האפשרות להעלות את התמונה מספריית המדיה או מתוך העמוד שאנחנו עורכים.
בפועל זה לא משנה מאיפה תעלו את התמונה, כאשר אתם מעלים אותה מתוך העמוד זה קצת יותר נוח אבל אם אתם בוחרים להעלות את התמונה מתוך ספריית המדיה תהיה לכם גם את האפשרות להיכנס אל העמוד ולטעון אותה מתוך ספריית המדיה ללא הצורך להעלות אותה מחדש לתוך העמוד.
באמצעות 2 האפשרויות אפשר גם להעלות מספר תמונות במקביל כאשר אתם רוצים לחסוך זמן.
חוקים שצריך להכיר כאשר מעלים תמונות לאתר
כאשר אנחנו מעלים תמונות לאתר יש כמה חוקים שאנחנו צריכים להכיר על מנת לא לפגוע בקידום של האתר ועל מנת לגרום לכך שהאתר יהיה נגיש כך שלא נהיה פתוחים לתביעה משפטית.
- העלאת תמונה עם שם באנגלית ולא בעברית
- העלאת תמונה בממדים מתאימים ובמשקל נמוך
- הוספת תגית ALT לתמונה (חובה עבור נגישות אתרים) וגם משפיע על הקידום
אפשרויות נוספות לתמונה שפחות חשובות
כאשר אנחנו עובדים עם תמונה יש עוד 2 פרמטרים שאנחנו צריכים להכיר לתמונה אבל הם פחות חשובים.
כיתוב – הפרמטר הראשון הוא האפשרות להגדיר כיתוב לתמונה. על ידי הוספת שדה של כיתוב לתמונה נוכל לתאר מה אפשר לראות בתמונה או מידע נוסף שאנחנו רוצים לציין על התמונה וזה יופיע עם כיתוב מתחת לתמונה.
תיאור – שדה נוסף שיש לנו את היכולת להגדיר אותו הוא השדה של תיאור תמונה. בפועל השדה הזה יופיע רק בעמוד של התמונה עצמה אבל נלמד בשיעורים הבאים איך חוסמים יצירה של עמודים לתמונות ולכן לשדה הזה לא יהיה שימושי עבורנו.
הצטרפו לקהילות המובילות של בוני האתרים בישראל
זה הזמן להצטרף לקהילה שלנו ולקבל סיוע ותמיכה בקבוצות המובילות בארץ לבוני אתרים בוורדפרס (-:
מתחילים בקטן - קורסים לבוני אתרים בפחות מ-99 ₪
-
קורס: וורדפרס Tool Kit
69.00 ₪ -
20 אלף בחודש מבניית אתרים
69.00 ₪ -
נגישות אתרים באופן מעשי
199.00 ₪ -
התנהלות עם לקוחות
99.00 ₪ -
משיחת מכירה לכסף בחשבון
99.00 ₪ -
בניית אתרים + כתיבת קוד עם AI (בינה מלאכותית)
199.00 ₪ -
זכויות יוצרים בדיגיטל
69.00 ₪ -
יסודות העיצוב לבוני אתרים
69.00 ₪ -
קורס קלאודוויז + קורס קלאודפלייר + פתיחת מייל עסקי בחינם
29.00 ₪ -
אפיון ראשוני ומחקר מילות מפתח
29.00 ₪ -
גיבוי, שחזור, ותחזוקה לאתר
29.00 ₪ -
התקנת וורדפרס על המחשב
29.00 ₪
עוד לא צפיתם בהדרכה? זה בחינם!
יש לי הצעה מעניינת יצרתי הדרכה מלאה של למעלה משעתיים שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.
קורסים מקיפים ומומלצים ללימוד בניית אתרים
לבנות אתר ב-10 ימים
קורס מזורז שילמד אותך לבנות אתרים ב-10 ימים. נקודת כניסה מעולה לתחום של בניית אתרים במחיר משתלם.
- קורס לבנות אתר ב-10 ימים 52 שיעורים שילמדו אותך הכל על בניית אתרים
- בונוס 1: לבנות אתר מתבנית מוכנה לאנשים עסוקים שלא רוצים להשקיע 10 ימים
- בונוס 2: גיבוי, שחזור, ותחזוקה לאתר איך לבצע גיבויים ולתחזק אתר ללא תקלות
- בונוס 3: אלמנטור קונטיינר (Container) איך ליצור תוכן באמצעות אלמנטור קונטיינר
- בונוס 4: קורס אחסון אתרים ב-Cloudways אחסון אתרים על גבי חברות השרתים המובילות בעולם
- בונוס 5: קורס קלאודפלייר + מייל עסקי בחינם איך להשתמש בקלאודפלייר + יצירת מייל עסקי בחינם
- בונוס 6: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
רכשו את הקורס 597 סטודנטים לפניך (-:
מסלול וורדפרס Expert
למעלה מ-10 קורסים מלאים ומעל 600 שיעורים שילמדו אותך הכל על בניית אתרים ברמה הגבוהה ביותר בארץ.
- קורס וורדפרס Beginner קורס בניית אתרים למתחילים – (2,250 ₪)
- קורס וורדפרס Tool Kit הצעת מחיר + אפיון + צ’ק ליסט + התנהלות עם לקוחות
- קורס בניית אתר ב-10 ימים איך לבנות אתר במהירות שיא
- קורס וורדפרס Next Level מחיר הקורס 2,500 ₪
- קורס וורדפרס SEO התאמת אתרים לגוגל – (750 ₪)
- קורס: אלמנטור Ninja הקורס שיהפוך אותך לנינג’ה באלמנטור – (999 ₪)
- קורס: אלמנטור PRO + אנימציות יצירת אתרים מורכבים ואנימציה – (550 ₪)
- קורס וורדפרס Rocket שיפור מהירות לאתר – (999 ₪)
- קורס וורדפרס Security חיזוק אבטחה לאתר – (750 ₪)
- קורס וורדפרס Global בניית אתרים דו לשוניים בכל השפות – (750 ₪)
- בונוס 1: גיבוי, שחזור, ותחזוקה לאתר תחזוקת אתרים ומניעת בעיות ותקלות
- בונוס 2: אנליטיקה ומעקב לאתר גוגל אנליטיקס, סרץ קונסול ויאנדקס מטריקה
- בונוס 3: איך לקבל יותר פניות מהאתר הוספת כפתורי יצירת קשר + שיפור המרות
- בונוס 4: קלאודפלייר + מייל עסקי בחינם שימוש בקלאודפלייר ויצירת מייל עסקי בחינם
- בונוס 5: התקנת אתר על המחשב איך להשתמש במחשב ולחסוך עלויות אחסון
- בונוס 6: קורס Cloudways אחסון אתרים בחברות השרתים המובילות בעולם
- בונוס 7: לעבור אחסון ולהישאר בחיים איך להעביר אתר מאחסון אחד לאחר ללא תקלות
- בונוס 8: אופטימיזציה לתמונות איך להעלות תמונות שיעזרו לאתר להתקדם בגוגל
- בונוס 9: יסודות העיצוב לבוני אתרים כל מה שצריך לדעת כדי לעצב את האתר המושלם
- בונוס 10: זכויות יוצרים בדיגיטל איך להימנע מתביעה משפטית כאשר בונים אתר
- בונוס 11: 20 אלף בחודש מבניית אתרים איך למצוא לקוחות ולייצר הכנסה מבניית אתרים
- בונוס 12: משיחת מכירה לכסף בחשבון איך לשפר את התהליך מכירה ולסגור יותר עסקאות
- בונוס 13: התנהלות עם לקוחות + ניהול פרויקטים איך מתנהל פרויקט בניית אתרים כולל תחזוקה לאתר
- 705 שיעורים למתחילים + למתקדמים
- תמיכה לשנה לשאלות בעמודי השיעורים
- גישה לקבוצת הפייסבוק של הקורס
- גישה לכל החיים
- תעודה הכשרה בסיום הקורס (קובץ PDF)
- גישה לעדכונים ושיעורים חדשים
- 100% החזר כספי ל-14 ימים
רכשו את הקורס 494 סטודנטים לפניך (-:
אם אהבתם את השיעור ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:
עוסק בתחום של פיתוח אתרים ועיצוב גרפי למעלה מ-15 שנה. נינג’ה מומחה לוורדפרס, מפתח תוספים ותבניות בהתאמה אישית והמרצה שלכם בקורס הדיגיטלי המקיף והמוביל בישראל ללימוד בניית אתרים בוורדפרס בצורה נכונה.
שאלות ותשובות לשיעור
6 שאלות
באסה, היכולת לשאול שאלות בשיעור פתוחה רק למשתמשים שרכשו את הקורס
הי יוחאי,
א. הסרטון נראה כאילו נחתך בסוף. אולי כל מה שצריך עבר אבל השניה האחרונה של הסרטון מגיעה בדיוק באמצע הדברים שלך
ב. האם תוספי אופטימיזציית תמונות עושים עוד משהו חוץ מכיווץ הגודל של התמונה? כלומר, יש לי קרוסלה בעמוד הראשי באתר ויש בה כמה תמונות, כל אחת מהן עד 70-100 kb. האם זה גודל סביר לתמונה בודדת? בבדיקת מהירות אתר אז זה מראה לי שצריך לעשות אופטימיזצית תמונות. האם זה אמור להועיל?
תודה
היי אלון, תודה על ההערה.
נכון הסרטון באמת נחתך ותיקנתי את הבעיה אבל לשאלתך לא היה שם משהו חשוב בהמשך הסרטון.
בנוגע לשאלה השנייה העדפה היא שהתמונה תהיה כמה שיותר קטנה במשקל אבל ככה בתור חוק אצבע עד 100kb זה עוד איכשהו עובר ואם זה מעל 100kb אז כדאי לעשות כדאי להקטין את התמונה אם זה אפשרי.
בקשר לנושא של האופטימיזציה לתמונות אז כן בדרך כלל התוספי אופטימיזציה ישפרו את המהירות של האתר ובדרך כלל הם גם יפתרו את ההערה בנושא של אופטימיזציה לתמונות.
מה שהם עושים זה בעיקר להקטין את המשקל של התמונה ובדרך כלל גם ליצור פורמט נוסף כמו WebP שיאפשר לשמור את התמונה במשקל יותר נמוך.
הם רק משפיעים על משקל התמונה ולא על המימדים (רוחב ואורך) אלא אם כן אתה מגדיר את התוסף באופן הזה.
במסגרת הקורס של השיפור מהירות אני מדבר על התוסף של ShortPixel שלדעתי כרגע הוא עושה את העבודה הטובה ביותר ושם אני מסביר איך להגדיר אותו ומה זה עושה.
שלום,
במידה ויש אתר עם מלא תמונות שנשמרו עם אותיות באנגלית אבל לא כמילה שמתארת את התמונה/ שם לתמונה שהוא מספרים, האם נכון/אפשרי לשנות את השם של התמונה בעריכת התמונה בשדה של כותרת (מה שמתחת לטקסט האלטרנטיבי)? או שאפשרי להשאיר כך ורק לתת טקסט אלטרנטיבי וזה מספיק ?
היי, כל עוד זה באנגלית ולא מדובר על תמונות עם שמות בעברית אז זה פחות קריטי ולדעתי מספיק להוסיף טקסט אלטרנטיבי במקום להתעסק עם החלפת תמונות ושמות.
ובעתיד כמובן עדיף מההתחלה להעלות את התמונות עם השם הרלוונטי.
הבנתי,
בעצם איפה זה יכול להשפיע באתר או בנגישות? או שזה רק אם מורידים את התמונה מהאתר רואים שם כזה לתמונה?
באתר ובנגישות זה לא אמור להשפיע, אבל זה עשוי להיות כמה פרמטר נוסף בקידום של העמוד/אתר אם את משתמשת בביטויים גם בשם של התמונה.
המשמעות של זה לא גדולה באופן משמעותי אבל אם גוגל סורקים גם את השם של התמונה ונותנים לזה נקודות אז עדיף להעלות את התמונה באופן נכון ולעשות גם את זה.