22
Prepared by:

Flash and SEO

Embed Size (px)

DESCRIPTION

a two weekly sharing session at midas solution.this time is about making a flash website SEO friendly.

Citation preview

Page 1: Flash and SEO

Prepared by:

Page 2: Flash and SEO

ABOUT FLASH

Page 3: Flash and SEO

Adobe Flash (sebelumnya bernama Macromedia Flash)

adalah sebuah multimedia platform yg awalnya dibuat

oleh Macromedia dan kemudian dikembangkan dan

didistribusikan oleh Adobe Systems.

Sejak pertama kali diperkenalkan pada tahun 1996,

Flash menjadi popular di kalangan web designer untuk

menambahkan animasi dan interaksi pada sebuah

web.

Umumnya flash digunakan untuk menciptakan animasi,

advertising, dan bermacam2 komponen web untuk

mengintegrasikan video ke dalam halaman web, hingga

belakangan ini, Flash digunakan untuk menciptakan

sebuah RIA (Rich Internet Application)

ABOUT FLASH

Page 4: Flash and SEO

Flash mampu membuat tampilan sebuah web menjadi lebih atraktif, interaktif dan dinamis.

Ukuran file Flash Movies relatif kecil, sehingga bisa di download dengan cepat.

Selain di embed di sebuah halaman web, flash juga bisa berdiri sendiri sebagai sebuah aplikasi (stand-alone application) sehingga cocok untuk CD-ROMS

Memberikan pengalaman baru dalam berinteraksi di dunia maya.

Belakangan, Flash menjadi program yang powerful untuk membuat sebuah game atau aplikasi web yang canggih.

ABOUT FLASH

Flash Advantages

Page 5: Flash and SEO

SEO(Search Engine Optimization)

Page 6: Flash and SEO

Serangkaian proses yang dilakukan secara sistematis yang bertujuan untuk

meningkatkan volume dan kualitas trafik kunjungan melalui Search

Engine menuju situs web tertentu dengan memanfaatkan mekanisme

kerja atau algoritma mesin pencari tersebut.

Tujuan dari SEO adalah menempatkan sebuah situs web pada posisi teratas,

atau setidaknya halaman pertama hasil pencarian berdasarkan kata kunci

tertentu yang ditargetkan. Secara logis, situs web yang menempati posisi

teratas pada hasil pencarian memiliki peluang lebih besar untuk

mendapatkan pengunjung.

- Wikipedia -

SEO

WHAT IS SEO?

Page 7: Flash and SEO

SEO

BAGAIMANA SEARCH ENGINE BEKERJA?

WWW(World Wide Web) SES (Search Engine Spider)

Page 8: Flash and SEO

SES bertugas untuk memeriksa (crawl) halaman-halaman web untuk kemudian di index, dan dimasukkan ke database search engine.

SEO

Page 9: Flash and SEO

SEO

Saat SES masuk ke dalam halaman web, dia akan melihat 3 kriteria penting dari sebuah html.

3. Links

1. Title Tag

2. H1 tag

Page 10: Flash and SEO

Semua informasi yang dikumpulkan oleh SES, akan disimpan ke database

search engine, untuk kemudian memberikan URL halaman kita ke index

search Engine.

URL inilah yang kita lihat apabila kita mencari dari search Engine

SEO

Page 11: Flash and SEO

Lalu bagaimana SES membaca file Flash?

SEO

Page 12: Flash and SEO

Kita sebagai viewer, akan melihat konten dari flash sebagai sebuah animasi, aplikasi, atau movie.

SEO

Page 13: Flash and SEO

Sementara SES tetap melihat halaman web hanya dari segi htmlnya saja.

SEO

Page 14: Flash and SEO

Hasilnya… SES hanya akan mengindex file flash sebagai satu buah file.

SEO

Page 15: Flash and SEO

FLASH & SEO

Jadi bagaimana cara kita melakukan SEO pada flash?

Page 16: Flash and SEO

FLASH & SEO

Kita tahu bahwa terdapat perbedaan antara bagaimana kita mengakses

flash, dengan bagaimana SES mengakses flash.

Solusinya:

Karena kita tahu bagaimana cara kerja SES, yakni dia hanya membaca

informasi yg berbasi HTML, maka That is exactly what we need to do

Kita harus menyediakan informasi yang bisa diakses oleh SES.

Page 17: Flash and SEO

FLASH & SEO

Pada dasarnya file flash pada sebuah web itu tetap menggunakan HTML

sebagai pembungkusnya.

Kode sederhana untuk embed flash di HTML

<object width="550" height="400">

<param name="movie" value="somefilename.swf">

<embed src="somefilename.swf" width="550" height="400">

</embed>

</object>

<object width="550" height="400">

<param name="movie" value="somefilename.swf">

<embed src="somefilename.swf" width="550" height="400">

</embed>

</object>

Page 18: Flash and SEO

FLASH & SEO

Jadi, karena web full flash juga menggunakan html sebagai backgroundnya,

maka kita bisa memberikan informasi-informasi yang dibutuhkan oleh SES

seperti <title>, <h1>, dan sebagainya, di dalam HTML tersebut.

Contoh:

Disney.go.com/index

Page 19: Flash and SEO

FLASH & SEO

Beberapa tips lain:

1. Deeplinking swf object. (untuk mengaktifkan history pada web berbasis

swf)

2. Selalu buat sitemap dibelakang file flash untuk memudahkan SES

membaca hierarki dari web kita.

3. Biasanya selalu lebih baik untuk memiliki beberapa halaman individual

daripada hanya satu URL saja.

4. Untuk text di dalam file flash, jangan jadikan text sebagai image. Karena

text yang terdapat di dalam flash masih bisa terbaca oleh google.

Page 20: Flash and SEO

SUMMARY

User bisa experience flash

While search engine bisa crawl konten

yg ada di dalam flash

Page 21: Flash and SEO

SUMMARY

Source:

• http://en.wikipedia.org/wiki/Search_engine_optimization

• http://www.hochmanconsultants.com/articles/seo-friendly-

flash.shtml

• http://www.hofmanns.net/flash-en.html

• http://www.flashnseo.com/

Page 22: Flash and SEO

Prepared by:

Thank YouPT. Midas Solusi Utama

Jl. Bangka VIII No. 26 A

Mampang Prapatan

Jakarta 12720

P. 021-719 8085

F. 021 – 719 8079

www.midas-solusi.com