SEO-friendly Slideshows

אחד הדברים הכי טובים שגיליתי בשנה האחרונה הוא אתר SlideShare.net ואפשרויות שיתוף המצגות שלו.

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

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

S5 is a slide show format based entirely on XHTML, CSS, and JavaScript. With one file, you can run a complete slide show and have a printer-friendly version as well. The markup used for the slides is very simple, highly semantic, and completely accessible. Anyone with even a smidgen of familiarity with HTML or XHTML can look at the markup and figure out how to adapt it to their particular needs. Anyone familiar with CSS can create their own slide show theme. It’s totally simple, and it’s totally standards-driven.

כן, כן, המצגת עצמה — כל השקופיות ביחד — היא בסה”כ קובץ HTML אחד קטן. שבעה קבצי CSS (מתוכם רק 4 באמת נחוצים לשם הצגה בדפדפן) וקובץ JavaScript אחד מייצרים את כל האפקטים של מצגת בוגרת.

עדיין לא השתכנעתם? שאשנק סמרה, מעריץ נלהב של S5, מציף עוד כמה נקודות מפתח:

Simple Standards-based Slide Show System (S5) is a slide show program for browsers. It creates presentations that do not require any specific software on any specific operating system, and whose size is significantly smaller than conventional presentation formats. And S5 is available under a Creative Commons Attribution-ShareAlike 2.0 license.

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

דפדפו במצגת באמצעות מקשי החיצים של המקלדת, או העבירו את העכבר מעל הפינה התחתונה-ימנית של המצגת. ניתן גם פשוט ללחוץ עם העכבר על גבי המצגת בכדי לדפדף קדימה. לחיצה על מקש “t” מחליפה בין תצוגת מצגת לבין תצוגת הדפסה.

16. October 2008 by suntrader
Categories: Code is Poetry, Living Online | Tags: S5, Simple Standards-based Slide Show System, SlideShare | Leave a comment