עדיין לא חברים שלנו ביוטיוב ובפייסבוק? :( חבל בדרך כלל אנחנו ממש נחמדים:

בונה אתרים » אופטימיזציה לתמונות באתר

אופטימיזציה לתמונות באתר

נכתב ע"י יוחאי ירמיהו11 תגובות

אחד האלמנטים החשובים בתהליך של קידום אתרים הוא אופטימיזציה לתמונות וזאת מאחר וגודל/משקל התמונות הוא אחד הגורמים המרכזיים לזמני טעינה ארוכים יותר של האתר. הנושא של אופטימיזציה לתמונות כולל בתוכו מספר מרכיבים כמו הקטנת גודל תמונה, בחירת שם תקני לקובץ התמונה, העלאת תמונות ברזולוציה נכונה, הגדרת תגית ALT, הגדרת תגית Title ועוד…

במדריך זה תלמדו כל מה שאתם צריכים לדעת על מנת שתוכלו להוסיף תמונות לאתר בצורה נכונה ויעילה ועל מנת שתוכלו לבצע אופטימיזציה לתמונות בעמודים קיימים באתר.

ניתן לצפות בסרטון הדרכה הבא המסביר איך לבצע אופטימיזציה לתמונות באתר וורדפרס

אופטימיזציה לתמונות באתר

איך לבנות אתר בחינם בשעה וחצי?

יש לי הצעה מעניינת עבורך, יצרתי הדרכה מלאה של למעלה משעה וחצי שתלמד אותך איך לבנות אתר מ-0 בחינם כולל רכישת אחסון ודומיין. נשמע מעניין? אשמח לשלוח לך אותה למייל.

מה זה אופטימיזציה לתמונות?

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

במאמר זה נעסוק בהרחבה בנושא של הקטנת משקל/נפח לתמונות ונעסוק גם בנושאים נוספים כגון:

  • העלאת תמונות ברזולוציה נכונה
  • בחירת שם נכון לקובץ התמונה
  • הגדרת תגית ALT לתמונה
  • הגדרת תגית TITLE לתמונה
  • איך לבצע אופטימיזציה לתמונות באתר קיים

אופטימיזציה לתמונות באתר

למה צריך לעשות אופטימיזציה לתמונות באתר?

אחד הפרמטרים החשובים ביותר עבור מנועי החיפוש של בעת מתן "דירוג" לאתר הוא זמני הטעינה של האתר. ככל שהגודל/משקל של אלמנטים המרכיבים את עמוד יהיה גדול יותר זמני הטעינה של העמוד יגדלו בהתאם.

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

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

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

איך לבדוק האם יש צורך באופטימיזציה לתמונות באתר?

באופן כללי עדיף לנסות להימנע מהעלאת תמונות שהגודל שלהם עובר את ה-100-200kb, ויש אפילו להשים לב לדברים אלו כאשר אתם מורידים תמונות מתוך אתרי תמונות (חלק מאתרי התמונות מאפשרים הורדה של תמונות בגודל קטן מאשר הגודל המלא).

הדרך הטובה ביותר לבדיקה האם יש צורך לבצע אופטימיזציה לתמונות באתר היא באמצעות הכלי של Google PageSpeed Insights. באמצעות הכלי ניתן לבדוק האם התמונות מצריכות אופטימיזציה על ידי הכנסת הקישור של העמוד המכיל את התמונות לחיפוש.

הכלי המאבחן של גוגל ייתן ציון לעמוד שלכם לפי קטגוריה של המובייל ושל המחשב הנייח ובמידה ויש צורך בהקטנת גודל התמונות תופיע גם כותרת של "Optimize images" ותחת כותרת זו תוכלו לראות את התמונות בעמוד המצריכות הקטנה.

שימו לב שבדרך כלל הכותרת של אופטימיזציה לתמונות ב-Insights תופיע תחת האפשרות של המחשב הנייח ולא של המובייל.

אבחון האם צריך להקטין גודל תמונות PageSpeed Insights

כלים ואתרים להקטנת גודל/משקל תמונות

הכלים הבאים יאפשרו לכם לבצע דחיסה/הקטנה של משקל התמונות ללא מאמץ. במרבית הכלים תוכלו להשתמש בחינם ובחלקם תוכלו לרכוש גרסה בתשלום אם תבחרו בכך. הכלים במדריך זה יאפשרו לכם לבצע אופטימיזציה לתמונות בפורמט PNG ובפורמט JPEG. בהמשך המדריך תוכלו גם לראות איך ניתן להקטין גודל של תמונות בפורמט GIF.

TinyPNG - הקטנת משקל תמונות בפורמט JPEG ו-PNG

TinyPNG - דחיסת תמונת JPG ו-PNG

אחד האתרים המובילים ביותר בתחום של הקטנת גודל תמונות הוא TinyPNG. האתר מאפר לבצע דחיסה לתמונות בפורמט JPEG ובפורמט PNG. בעזרת האתר תוכלו בצורה קלה ונוחה לגרור את כל התמונות שאתם רוצים מהמחשב לאתר. ניתן לבצע הקטנה של עד 20 תמונות בפעם אחת ולאחר מכן תוכלו להוריד את כל התמונות באמצעות קובץ ZIP.

כאשר מדובר בהקטנת תמונות בפורמט PNG האתר הזה הוא המוביל בתחום. ניתן גם לבצע הקטנה של תמונות בפורמט JPEG אך שימו לב שלפעמים איכות התמונה קצת יורדת כך שיש צורך לבדוק את איכות התמונה לפני שתשתמשו בה באתר שלכם.

אחד היתרונות הגדולים של האתר הזה הוא שניתן להקטין גם תמונה עם רקע שקוף שיצרתם בפוטושופ או בתוכנה אחרת.

CompressJPEG - אופטימיזציה לתמונות בפורמט JPEG

CompressJPEG - הקטנת תמונות בפורמט JPEG

אחד הכלים הטובים ביותר עבור אופטימיזציה לתמונות בפורמט JPEG הוא האתר CompressJPEG. האתר מאפשר העלאה והקטנה של עד 20 תמונות בבת אחת. מבין האתרים והכלים שבדקנו להקטנת גודל תמונות בפורמט JPEG כרגע זהו הכלי הטוב שסיפק את התוצאות הטובות ביותר לתמונות בפורמט JPEG תוך שמירה על איכות תמונה סבירה.

WebsitePlanet - הקטנת גודל תמונות בפורמט PNG

WebsitePlanet - אופטימיזציה לתמונות PNG

כלי נוסף ומעניין לביצוע אופטימיזציה לתמונות הוא האתר של Website Planet. האתר מגיע אפילו בתרגום לעברית וניתן להעלות שם תמונות בפורמט PNG ובפורמט JPEG. נכון לרגע זה הכלי שלהם מספק תוצאות טובות יותר מ-TinyPNG לתמונות בפורמט PNG.

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

JPEGMini - תוכנה להקטנה תמונות בפורמט JPEG

JPEGMini - דחיסת תמונות JPEG

JPEGMini היא תוכנה מצוינת שניתן להוריד למחשב ולבצע איתה הקטנה של גודל תמונות בפורמט JPEG. מהניסיון שלנו זאת התוכנה הטובה ביותר שהצלחנו למצוא להקטנת קבצי JPEG ללא איבוד האיכות של התמונה.

לתוכנה יש 2 גרסאות. גרסה בחינם המאפשרת הקטנה של עד 20 תמונות ביום וגרסה בתשלום שמאפשרת הקטנת תמונות ללא הגבלה בכמות התמונות. יכול להיות שימושי למי שמעדיף לבצע את פעולת הקטנת המשקל מתוך המחשב.

WP Smush - תוסף וורדפרס להקטנת גודל תמונות

תוסף וורדפרס להקטנת תמונות WP Smush

אם יש לכם אתר וורדפרס מומלץ להתקין בו את התוסף WPSmush. לאחר התקנה של התוסף לוורדפרס ניתן לבצע אופטימיזציה לתמונה והקטנה של המשקל באופן אוטומטי לאחר ההעלאה לאתר. בעזרת התוסף ניתן גם לבצע אופטימיזציה והקטנה של כל התמונות שכבר קיימות באתר (יכול להצריך רכישה של התוסף בגרסת פרו).

הקטנת תמונות עם Google PageSpeed Insights

אופטימיזציית תמונות עם PageSpeed Insights

הקטנת גודל/משקל תמונה בפורמט GIF עם פוטושופ

פורמט GIF הוא פורמט של תמונות שבדרך כלל השימוש שלו הוא עבור יצירת עיצוב באנרים עם אנימציה. תמונה שנשמרת בפורמט GIF תאפשר תמיכה של עד 256 צבעים ועל מנת להקטין את התמונה תאלצו לשמור אותה עם תמיכה בכמות צבעים נמוכה יותר. ככל שתורידו את כמות הצבעים המשקל של התמונה יקטן.

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

ייצוא של תמונות בפורמט GIF בדרך כלל נעשה באמצעות Photoshop. על מנת לשלוט בכמות הצבעים של התמונה שיצרתם בפוטושופ כנסו  ל-File >> Export >> Save For Web (ניתן גם להשתמש במקשי הקיצור של המקלדת Alt + Shift + Ctrl + S). בתוך החלון שיפתח תבחרו באפשרות של שמירת התמונה בפורמט GIF ותהיה לכם האפשרות לשנות את כמות הצבעים של התמונה.

כאשר אתם מורידים את כמות הצבעים שימו לב שאיכות התמונה מספיק טובה להצגה. ניתן לשנות את כמות הצבעים באופן ידני או לבחור את כמות הצבעים שפוטושופ מאפשרת לכם (כמו בתמונה מתחת):

הקטנת גודל תמונה בפורמט GIF באמצעות Photoshop

הקטנת רזולוציה לתמונה (גובה ורוחב)

דוגמא נוספת לאופטימיזציה לא יעילה של תמונות היא העלאת תמונות ברזולוציה הגבוהה מגודל התמונה שהאתר שלכם יכול להציג.

למשל אם הגודל המרבי שבו תוצג התמונה באתר הוא 300×600 פיקסלים אז זהו גודל התמונה שעליכם להעלות. אל תעלו לאתר תמונה בגודל שעולה על הגודל שבו תוצג התמונה. ככל שהרזולוציה של התמונה גדולה יותר כך גם גדל המשקל שלה וזמן הטעינה של האתר.

חשוב גם להקטין את הגובה והרוחב של התמונה באותו יחס כך שלא תקבלו תמונה מתוחה או תמונה בעלת תצוגה מעוותת או מטושטשת.

לאלו מכם שאין פוטושופ תוכלו להשתמש באתר PicResize על מנת להקטין את התמונה. האתר פשוט מאוד, תעלו את התמונה ותבחרו את הרוחב החדש שלה (הגובה יתעדכן באופן אוטומטי לפי יחס ההקטנה של הרוחב).

באפשרות של "Make My Picture" תבחרו את "Custom Size…" ותגדירו את הרוחב החדש שאתם רוצים. בשלב הבא תוכלו לבחור את הפורמט של התמונה שאתם רוצים JPG, PNG, GIF, BMP ולשמור אותה במחשב.

הקטנת רזולוציה לתמונה באתר picresize

בחירת שם לקובץ התמונה

לפי העלאת התמונה לאתר מומלץ קודם לבחור שם שמתאר את התמונה בצורה טובה. כאשר אתם בוחרים את השם חשוב שתפעלו לפי הכללים שמופיעים מתחת:

  1. את שם התמונה תכתבו באנגלית ולא בעברית. שימוש בקבצים עם שם בעברית יכול לגרום לבעיות. חלק משרתי האחסון גם לא תומכים בצורה טובה בתמונות בעל שם בעברית.
  2. צריך לכתוב את שם התמונה עם מקף בין המילים ולא עם מרווחים. לדוגמא "image-name".
  3. התמונה צריכה לתאר את המוצג בה בצורה נאותה. אל תבחרו לתמונה שם שהוא ללא משמעות כמו img828.jpg או 8219828.jpg.
  4. במידה ויש לכם מילת מפתח שאתם רוצים לקדם ניתן להכניס אותה בתמונה.

דוגמא לשם שבחרנו לתמונה המופיעה בראש המאמר: image-optimization-tutorial.png.
בעברית התרגום של שם התמונה הוא מדריך אופטימיזציה לתמונות.

הוספת תגית ALT לתמונה

לתגית ALT יש חשיבות רבה, תגית זו מאפשרת להוסיף תיאור לתמונה בעברית. הוספת תגית ALT לתמונה מהווה גם אלמנט חשוב בתחום של קידום בגוגל והיא יכולה לעזור לשפר את המיקומים של העמודים באתר בתוצאות החיפוש.

בנוסף ליתרונות של תגית ALT אתם צריכים גם לדעת שאחד הפרמטרים שאתם מחויבים אליו לפי חוק נגישות לאתרים הוא הגדרת תגית ALT לתמונות באתר. כאשר לקויי ראיה גולשים באתר שלכם באמצעות קורא טקסטים הם יוכלו לשמוע את התיאור שהגדרתם לתמונה באמצעות תגית ה-ALT.

יתרון נוסף שיש לתגית ALT הוא שבמידה והתמונה לא עלתה באתר (אם למשל לגולש באתר שלכם יש חוסם תמונות) הוא יראה את התיאור שהגדרתם בתגית ה-ALT במקום התמונה.

אם האתר שלכם הוא אתר HTML תוכלו להגדיר תגית ALT לפי הקוד המופיע מתחת:

<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="image.jpg" alt="תיאור התמונה" /><noscript><img decoding="async" src="image.jpg" alt="תיאור התמונה" /></noscript>

אם האתר שלכם הוא אתר וורדפרס תוכלו להגדיר את תגית ה-ALT של התמונה על ידי הוספה של תיאור תחת החלונית של טקסט חלופי.

הוספת תגית ALT לתמונה בוורדפרס

את תגית ה-ALT של התמונה המופיעה מעל הגדרנו בתור "הוספת תגית ALT לתמונה בוורדפרס" מאחר וזה תיאור טוב של התמונה המוצגת בעמוד ואם הגולש לא יוכל לראות את התמונה הוא יוכל להבין מה היא מסמלת.

הוספת Title לתמונה

תגית Title היא תגית נוספת שניתן להוסיף לתמונה. רבים מהאנשים לא משתמשים בתגית זו ויש מחלוקת לגבי העניין של אם זה מסייע בקידום העמוד בגוגל או לא. במידה ותוסיפו לתמונה תגית Title ברגע שתרחפו על התמונה לכמה שניות תוכלו לראות את הטקסט שהגדרתם.

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

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

דוגמא נוספת לכך תוכלו לראות בתמונה מתחת. אם תרחפו על התמונה עם העכבר לכמה שניות תוכלו לראות את הטקסט "דוגמא לתמונה עם תגית Title" ותוכלו להגדיר את הטקסט בצורה דומה כפי שנסביר בהמשך.

דוגמא לתמונה עם תגית Title

כאשר אתר רוצים להכניס Title לתמונה בקוד HTML תוכלו לעשות זאת בצורה הבאה:

<img data-lazyloaded="1" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" decoding="async" data-src="image.jpg" title="כותרת התמונה" /><noscript><img decoding="async" src="image.jpg" title="כותרת התמונה" /></noscript>

במידה ואתה רוצים להכניס את ה-Title לתמונה בתוך אתר וורדפרס תוכלו לעשות זאת על ידי העלאת התמונה לאתר.

לאחר מכן תצטרכו להוסיף את התמונה לעמוד שבוא אתם רוצים שהיא תופיע, אחרי הוספת התמונה תבחרו באפשרות של עריכת התמונה ושם תהיה לכם האפשרות של הוספת Title לתמונה בתיבת המילוי עם התווית "Title Attribute לתמונה".

הגדרת Title לתמונה בוורדפרס

הקטנת תמונות ואופטימיזציה באתר שלכם

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

במידה ויש לכם תמונות המצריכות הקטנה תוכלו להשתמש בכלים להקטנת תמונות שציינו למעלה. אם עוד לא הגדרתם תגית ALT לתמונות הגיע הזמן לשנות זאת ולהוסיף להם את התגית כעת.

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

עוד לא צפיתם בהדרכה? זה בחינם!

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

אם אהבתם את המדריך ואתם רוצים לשתף אותו ניתן לעשות זאת על ידי לחיצה על כפתורי השיתוף מתחת:

יוחאי ירמיהו

יוחאי ירמיהו

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

מאמרים נוספים שעשויים לעניין אתכם:

בניית קישורים לקידום בגוגל

יותר ויותר בעלי עסקים בוחרים לקדם את האתר בגוגל ללא מקדם אתרים באמצעות קנייה ובנייה של קישורים. במאמר הבא תוכלו ללמוד כל מה שצריך לדעת על בניית קישורים בצורה חכמה ונכונה.

אתרי תמונות להורדה בחינם

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

הוספת אתר לגוגל סרץ' קונסול

גוגל Search Console הוא אחד הכלים החשובים ביותר שיש לגוגל להציע. הכלי הזה משמש בעיקר לבעלי אתרים ומקדמי אתרים ובמאמר הבא נלמד אתכם כיצד להשתמש בו בעצמכם.

שיפור מהירות טעינה בוורדפרס

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

הטמעת אתר בגוגל אנליטיקס

גוגל אנליטיקס הוא כלי חשוב המאפשר מעקב וניתוח נתוני גולשי באתר. במדריך הבא נסביר לכם איך לפתוח חשבון Analytics ואיך להטמיע את אנליטיקס באתר בקלות.

מדריך כתיבת תוכן לאתר

כתיבת תוכן לאתר הוא אחד הנושאים החשובים ביותר בתחום של בניית אתרים וקידום בגוגל. במאמר הבא תוכלו לצפות ב-11 כללים חשובים לכתיבת תוכן איכותי לעמודים באתר.

יש לכם שאלות או משהו להוסיף? שתפו אותנו בתגובות מתחת!

אם יש לכם שאלות או משהו להוסיף נשמח לשמוע מכם בתגובות מתחת ולסייע במידת הצורך.

11 תגובות

  1. אסנת
    אסנת

    היי, האם יש חשיבות לשמירת התמונה בפורמט jpeg או בפורמט png כאשר אני רוצה להגיע למשקל הנמוך ביותר?

    1. יוחאי ירמיהו
      יוחאי ירמיהו

      שלום אסנת,
      שאלה מצוינת. יש חשיבות רבה לבחירת סוג הפורמט של התמונה כאשר את רוצה לקבל תמונה במשקל קטן יותר.

      1) אני היית ממליץ לך לשמור תמונה בפורמט PNG כאשר מתקיימים 2 מצבים.
      הראשון הוא כאשר יש לתמונה רקע שקוף, פורמט PNG כרגע תומך בתמונות עם רקע שקוף בצורה הטובה ביותר.
      המצב השני הוא כאשר התמונה שאת שומרת מורכבת ממעט צבעים. ככל שיש בתמונה פחות צבעים כאשר את תעלי אותה ל-TinyPNG או לאתר אחר שמאפשר להקטין את גודל התמונה את תקבלי משקל נמוך יותר מ-JPEG.

      2) כאשר התמונה מורכבת מכמות צבעים גדולה בדרך כלל שמירה של התמונה בפורמט JPEG תאפשר לקבל תמונה בנפח קטן יותר מאפשר PNG.

      3) קיים גם פורמט GIF ובפורמט הזה תוכלי להשתמש כאשר את יוצרת תמונות עם אנימציה.

      הייתי ממליץ לך בהתחלה לשמור את התמונות גם בפורמט PNG וגם בפורמט JPEG ולראות מה מאפשר לך לקבל גודל תמונה קטן יותר. אחרי שתעשי את זה כמה פעמים את כבר תביני את העיקרון לבד.

  2. מנשה
    מנשה

    שלום ותודה על על המדריך.
    רציתי לדעת האם יש אפשרות אחרת לאופטימיזציה לתמונות בפורמט JPEG?
    אני משתמש ב-JPEGMini שציינת במדריך אבל הכלי לא כל כך נוח וגם המגבלה של ה-20 תמונות ליום מתחילה קצת להציק בכל פעם.

    1. יוחאי ירמיהו
      יוחאי ירמיהו

      שלום מנשה,

      אם אתה מחפש תחליף ל-JPEGMini אז יש אתר מצוין שתוכל להשתמש והוא אפילו מקטין את התמונות בצורה טובה יותר מאשר JPEGMini. תוכל לצפות בו בקישור מתחת:
      https://compressjpeg.com
      גם אני התחלתי להשתמש באתר הזה במקום JPEGMini ואני מאמין שתהיה מרוצה ממנו.

  3. לאה
    לאה

    תודה רבה על המאמר

  4. יעקב
    יעקב

    מאמר מעולה.
    במסגרת ערכית התמונה שמעלים לאתר, אחרי העלאת התמונה וביצוע אופטימיזציה,
    התייחסת במאמר ל'כותרת' ו'טקסט חלופי'.

    מה בנוגע ל'כיתוב' ו'תיאור'?
    אזיו פונקציה הם ממלאים? המשתמש יכול לראות אותם?
    והאם יש משמעות למלא גם אותם ואם כן האם במילות מפתח?

    1. יוחאי ירמיהו
      יוחאי ירמיהו

      שלום יעקב, כיתוב זה הטקסט שמופיע מתחת לתמונה, הצורבה שבה זה מופיע משתנה מתבנית לתבנית במידה ואתה רוצה להסביר מה מתואר בתמונה וגם לאפשר לגולש לקרוא את זה אז אתה יכול לעשות בזה שימוש (את זה הגולש יכול לראות).

      לגבי תיאור אני לא יודע מה זה, אולי התכוונת לכותרת (Title) ואת זה הצופה לא רואה אלא אם כן הוא מרחף מעל התמונה לכמה שניות ועל זה הרחבתי קצת יותר במאמר.

      1. יעקב
        יעקב

        הי יוחאי, תודה אך כוונתי איננה ל title.
        ה'תיאור' הוא מה שנמצא מתחת ל'טקסט החלופי'.
        ניתן לראות דוגמה של זה בתמונה שאתה צירפת
        (זה נמצא בתמונה השלישית מהסוף, בתת-הפרק שלך על "הוספת תגית ALT לתמונה". עוד לפני הדוגמה שלך על TITLE שהינו דבר ניפרד )

        1. יוחאי ירמיהו
          יוחאי ירמיהו

          תודה על ההבהרה, שעורכים עמוד ובודקים את האפשרות של התמונה התיאור לא מופיע כאשר מדובר על עריכה בעמוד רגיל אז התמונה הזאת נלקחה מתוך האזור של "מדיה" בפאנל ניהול של וורדפרס.

          ברגע שאתה מעלה תמונה לוורדפרס אלא אם כן אתה חוסם את זה דרך יוסט SEO או תוסף אחר אז נוצר באופן אוטומטי עמוד לתמונה שהעלאת (מדובר על עמודי זבל ובגלל זה התוסף של יוסט מאפשר חסימה של העמודים), במידה ואתה מעלה תיאור אז בתוך העמוד הזה (שנוצר לכל תמונה) יופיע גם התיאור שהכנסת.

          ברמת העמוד הרגיל (כמו למשל העמוד שאתה צופה בו עכשיו) לתיאור אין השפעה על התמונה והקוד של התיאור לא מוצג בשום צורה אז אין צורך להקדיש לזה זמן.

          1. יעקב
            יעקב

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

            אם אני מבין נכון, תוסף ה Smush של וורדפרס לא חוסם את זה, וצריך דווקא להפעיל את החסימה מתוסף ה'יוסט' (ואם כך, מניח שבאופן אקטיבי דרך הגדרות היוסט, שצריך להפעיל תג מסויים וזה לא אוטומאטי. איך קוראים לפעולה הזו?)

            1. יוחאי ירמיהו
              יוחאי ירמיהו

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

              לגבי החסימה ביוסט בתפריט הראשי תבחר "תצוגת חיפוש" ולאחר מכן מתפריט העליון בעמוד שיפתח תהיה לך את האפשרות לחסום את זה תחת האפשרות של מדיה.

לא ניתן לפרסם תגובות

כלי נגישות