CSS Grid הוא מודול המאפשר ליצור עימוד (layout) המבוסס רשת (grid) תוך שימוש בעמודות ושורות. עד לא מזמן, העימוד ב HTML נבנה בעזרת floats, tables ועוד תכונות CSS כאלו ואחרות שבהחלט לא התאימו ליצירת עמודים או מבנה מורכב. ואז...
פוסט אש מאז ומתמיד השימוש בגריד היה חלק בלתי נפרד מעולם העיצוב ופיתוח האתרים. כמפתחי Frontend, לבטח נתקלתם באתרים הבנויים על CSS Framework כלשהו דוגמת Bootstrap, Tailwind CSS ואחרים, המאפשרים (בין היתר) שימוש בקלאסים מוכנים ליצירת גריד הבנוי משורות ועמודות. אך...
פוסט אש ...מהו SEO טכני… אם אינכם מעוניינים לבצע פעולות אלו בעצמכם או שאתם חסרי ניסיון אתם מוזמנים לפנות אליי. אני מספק שירות של SEO טכני ללא מעט חברות ועסקים קטנים. מה זה SEO טכני (Technical SEO)? SEO טכני הוא שלב...
פוסט אש ...לראות – לא קיימים גבולות ברורים בין SEO טכני, On-Page SEO ובניית קישורים מכיוון ועל אלו לעבוד יחד בכדי לקבל אופטימיזציה מלאה של האתר שלכם לטובת קידום ו SEO. אך ניתן לומר ש On-Page SEO כרוך ברוב המקרים בביצוע...
אם אתם עוקבים אחר הבלוג, לבטח אתם יודעים כי כבר נכתבו לא מעט פוסטים ברשת (זה למשל) על השימוש ב Anime.js ליצירת אנימציות Javascript כאלו ואחרות. פוסט זה גם כן מדבר על שימוש בספרייה מגניבה זו על מנת להוסיף...
...לשונית: אופטימיזציה למנועי חיפוש (SEO), קריאות, סכמה וחברתי. לשוניות אלו מאפשרות לנו לקבוע הגדרות SEO מסויימות שישפיעו ספציפית על פוסט זה, ועל פוסט זה בלבד. בואו ניתן מבט מעמיק על כל אחת מלשוניות אלו… שימו לב – כל הגדרה...
...טקסונומיה מסויימת, דעו כי יש להתייחס לזו ברצינות כמו לכל עמוד אחר מבחינת SEO. לעוד פרטים תנו מבט בפוסט אופטימיזציה לקטגוריות בוורדפרס לטובת SEO. 5. מתקדם במסך זה תמצאו הגדרות מתקדמות יותר של התוסף Yoast SEO. א. אופטימיזציית סריקה...
לפי ויקיפדיה, מיזוג (או ״מצבי ערבוב״) בעריכת תמונות דיגיטליות וגרפיקה ממוחשבת משמש בכדי לקבוע כיצד שתי שכבות משתלבות זו בזו. במרבית היישומים מצב ברירת המחדל של מיזוג הוא פשוט להסתיר את השכבה התחתונה על ידי כיסוי של זו עם...
לבטח יהיה מאד קשה למצוא אתר אינטרנט בו אין לפחות סוג אחד של כפתור. לכפתורים תפקיד חשוב באתרי אינטרנט ואלו בדרך כלל אלמנטים שנועדו בכדי לגרום למשתמש לבצע פעולה כלשהי. בפוסט הבא אציג מספר סוגים של אפקטים בעת ריחוף...
התכונה background-clip מאפשרת לנו לשלוט על המרחק בו תמתח תמונת הרקע (או צבע הרקע) מעבר ל Padding או לתוכן עצמו של אלמנט כלשהו. אני מניח שהסבר זה קשה להבנה ללא דוגמאות ומבט על קוד אז תכף נראה כמה מאלו,...
...SEO. כמובן שאתם יכולים להעזר בתוסף Yoast SEO לטובת ההטמעה: 1. בצעו אופטימיזציה לשם הקטגוריה ולכותרת ה SEO לעמוד הקטגוריה מגיע שם רלוונטי וראוי המתאר מה משתמש ממוצע יכול לצפות למצוא באותו עמוד. שם הקטגוריה הוא השם שיופיע בבלוג...
...ממומן, כתיבת תוכן או On-Page SEO – אלא רק על SEO טכני – כלומר בעיות ושיפורים ברמה הטכנית. אם זה שירות שאתם מחפשים המשיכו לקרוא… מה אבצע עבורכם ועל אילו בעיות טכניות מדובר? בתור התחלה אספק לכם דו״ח מסודר...
...של וורדפרס מבחינת קידום אתרים ו SEO. 1. תוספים מאפשרים עבודת SEO יעילה יותר לוורדפרס קיימים מספר תוספים מעולים שהופכים את מלאכתו של מקדם האתרים או מנהל האתר להרבה יותר פשוטה. השניים הידועים ביותר הם WordPress SEO by Yoast...
clip-path היא תכונת CSS מאד מעניינת המאפשרת לכם ״לקטום״ (clip) חלק כלשהו הגלוי לעין באלמנטים כגון SVG, תמונות ו HTML. התכונה יוצרת צורה כלשהי הקובעת איזה חלק מהאלמנט יהיה גלוי. החלק אשר בתוך הצורה יהיה גלוי והחלק מחוצה לה...
CSS Flexbox כמו גם CSS Grid הם כלים מצויינים בכדי לנהל מתווה (layout) באתרים. flexbox דואגת לעימוד חד מימדי בצורה נפלאה, ו CSS Grid פותר לנו את עניין העימוד הדו-מימדי בעזרת עמודות ושורות. לעיתים תכופות אנו מעוניינים להוסיף ריווח...
פוסט אש המודול CSS Text Decoration Module Level 3 מספק לנו מספר דרכים חדשות לקִשּׁוּט ועִטּוּר טקסט בעמודים אינטרנטים, ותמיכת הדפדפנים לשמחתנו במודול זה היא די רחבה. תכונות ה CSS החדשות דוגמת ו יכולות לעזור בקִשּׁוּט ועִטּוּר טקסט וקווים תחתונים בדרכים...
אחד התוספים הראשונים שאנו מתקינים כאשר אנו יוצרים אתר וורדפרס חדש או במצבים בהם מגיע לקוח שכבר קיים ברשותו אתר וורדפרס ומעוניין בקידומו הוא התוסף WordPress SEO by Yoast. זהו כלי מעולה לניהול ה On Page SEO באתרי וורדפרס...
...קישורים פנימיים והופכת לרחבה, יציבה וקוהרנטית יותר עם הזמן. ראיתי גם את העליות בדירוג ובמיקומים בחיפוש האורגני שלא איחרו לבוא יחד עם SEO טכני נכון ויישום תהליכי On-Page SEO שביצעתי. כאמור בפוסט על On-Page SEO אליו קישרתי בפיסקה הקודמת,...
זהו פוסט קצר המתאר כיצד ליצור קו מפריד עם אלמנט באמצע, מעין סוג של divider עם טקסט או תמונה כאשר משמאל ומימין לו קיים אותו קו מפריד לטובת דקורציה. אז נאמר ואני מבקש מכם לעשות קו מפריד עם תמונה/טקסט...
טיפוגרפיה עניינה אותי מהרגע שהתחלתי לפתח אתרים ולהתעניין בעיצוב, ועוד לפני שהיה שימוש נרחב בפונטי רשת. ולמרות שפונטי רשת קיימים כבר כמעט עשר שנים, תמיד נאלצנו לאזן בין כמות הפונטים בהם רצינו להשתמש מול כמות המידע אותו המבקרים באתר...
קישורים יוצאים (Outbound Links) הם הטקטיקה הכי פחות מוערכת בשיווק תוכן (Content Marketing) ובתהליך האופטימיזציה לתוכן (On-Page SEO Optimization). כל מי שמתעסק עם קידום אתרים ו SEO, לבטח יודע כי קישור מהעולם החיצון המצביע לאתר שלכם הוא סיגנל חשוב...
...עמוד או פוסט ספציפי ממפת האתר, מסתכמת בסימונו כ noindex בהגדרות המקומיות של Yoast בעמוד עצמו. הנה פוסט המסביר בהרחבה על ההגדרות המקומיות בתוסף Yoast SEO. חשוב לציין כי לא ניתן למנוע אינדקס של תמונות באמצעות התוסף Yoast SEO....
לבטח יצא לכם לראות אתרים בהם מתבצעות אנימציות שונות בזמן שאתם גוללים מטה (On Scroll Animations). אז אשתף אתכם בספרייה בה נתקלתי בשם AOS, המאפשרת להוסיף אנימציות אלו בקלות ועם שליטת CSS מלאה על אותן אנימציות. הרעיון מאחורי AOS...
לאחרונה יוצא לי לעבוד מול מספר אנשי SEO מהם אני לומד לא מעט על קידום אתרי וורדפרס. מעצם התעסקותי ותהליך הקידום (העצמאי) של בלוג זה גם כן למדתי רבות והידע שצברתי ברמת On-Page SEO באתרי וורדפרס לא מבוטל. עם...
...על אתרי וורדפרס או פרוייקטים אחרים בהם SEO טכני הייתה הדרישה הראשונה, עוד לפני ביצוע On-Page SEO. אותם נתונים מובנים נכללים בביצוע SEO טכני לאתר ויכולים להיות נקודה חשובה מבחינה זו ולהוביל בסופו של דבר לאופטימיזציה וביצועי SEO טובים...
