Official Google Webmaster Central Blog

Sabtu, 10 September 2011

Official Google Webmaster Central Blog

Link to Google Webmaster Central Blog


Posted: 09 Sep 2011 10:07 AM PDT

Webmaster level: Intermediate

So you're going global, and you need your website to follow. Should be a simple case of getting the text translated and you're good to go, right? Probably not. The Google Webmaster Team frequently builds sites that are localized into over 40 languages, so here are some things that we take into account when launching our pages in both other languages and regions.

(Even if you think you might be immune to these issues because you only offer content in English, it could be that non-English language visitors are using tools like Google Translate to view your content in their language. This traffic should show up in your analytics dashboard, so you can get an idea of how many visitors are not viewing your site in the way it's intended.)

More languages != more HTML templates

We can't recommend this enough: reuse the same template for all language versions, and always try to keep the HTML of your template simple.

Keeping the HTML code the same for all languages has its advantages when it comes to maintenance. Hacking around with the HTML code for each language to fix bugs doesn't scale–keep your page code as clean as possible and deal with any styling issues in the CSS. To name just one benefit of clean code: most translation tools will parse out the translatable content strings from the HTML document and that job is made much easier when the HTML is well-structured and valid.

How long is a piece of string?

If your design relies on text playing nicely with fixed-size elements, then translating your text might wreak havoc. For example, your left-hand side navigation text is likely to translate into much longer strings of text in several languages–check out the difference in string lengths between some English and Dutch language navigation for the same content. Be prepared for navigation titles that might wrap onto more than one line by figuring out your line height to accommodate this (also worth considering when you create your navigation text in English in the first place).

Variable word lengths cause particular issues in form labels and controls. If your form layout displays labels on the left and fields on the right, for example, longer text strings can flow over into two lines, whereas shorter text strings do not seem associated with their form input fields–both scenarios ruin the design and impede the readability of the form. Also consider the extra styling you'll need for right-to-left (RTL) layouts (more on that later). For these reasons we design forms with labels above fields, for easy readability and styling that will translate well across languages.

Screenshots of Chinese and German versions of web forms
click to enlarge

Also avoid fixed-height columns–if you're attempting to neaten up your layout with box backgrounds that match in height, chances are when your text is translated, the text will overrun areas that were only tall enough to contain your English content. Think about whether the UI elements you're planning to use in your design will work when there is more or less text–for instance, horizontal vs. vertical tabs.

On the flip side

Source editing for bidirectional HTML can be problematic because many editors have not been built to support the Unicode bidirectional algorithm (more research on the problems and solutions). In short, the way your markup is displayed might get garbled:

<p>ابةتث <img src="foo.jpg" alt=" جحخد"< ذرزسش!</p>

Our own day-to-day usage has shown the following editors to currently provide decent solutions for bidirectional editing: particularly Coda, and also Dreamweaver, IntelliJ IDEA and JEditX.

When designing for RTL languages you can build most of the support you need into the core CSS and use the directional attribute of the html element (for backwards compatibility) in combination with a class on the body element. As always, keeping all styles in one core stylesheet makes for better maintainability.

Some key styling issues to watch out for: any elements floated right will need to be floated left and vice versa; extra padding or margin widths applied to one side of an element will need to be overridden and switched, and any text-align attributes should be reversed.

We generally use the following approach, including using a class on the body tag rather than a html[dir=rtl] CSS selector because this is compatible with older browsers:


<body class="rtl">
<h1><a href="http://www.blogger.com/"><img alt="Google" src="http://www.google.com/images/logos/google_logo.png" /></a> Heading</h1>

Left-to-right (default) styling:

h1 {
height: 55px;
line-height: 2.05;
margin: 0 0 25px;
overflow: hidden;
h1 img {
float: left;
margin: 0 43px 0 0;
position: relative;

Right-to-left styling:

body.rtl {
direction: rtl;
body.rtl h1 img {
float: right;
margin: 0 0 0 43px;

(See this in action in English and Arabic.)

One final note on this subject: most of the time your content destined for right-to-left language pages will be bidirectional rather than purely RTL, because some strings will probably need to retain their LTR direction–for example, company names in Latin script or telephone numbers. The way to make sure the browser handles this correctly in a primarily RTL document is to wrap the embedded text strings with an inline element using an attribute to set direction, like this:

<h2>‫עוד ב- <span dir="ltr">Google</span>‬</h2>

In cases where you don't have an HTML container to hook the dir attribute into, such as title elements or JavaScript-generated source code for message prompts, you can use this equivalent to set direction where &#x202B; and &#x202C;‬ are Unicode control characters for right-to-left embedding:

<title>&#x202B;‫הפוך את Google לדף הבית שלך‬&#x202B;</title>

Example usage in JavaScript code:
var ffError = '\u202B' +'כדי להגדיר את Google כדף הבית שלך ב\x2DFirefox, לחץ על הקישור \x22הפוך את Google לדף הבית שלי\x22, וגרור אותו אל סמל ה\x22בית\x22 בדפדפן שלך.'+ '\u202C';

(For more detail, see the W3C's articles on creating HTML for Arabic, Hebrew and other right-to-left scripts and authoring right-to-left scripts.)

It's all Greek to me…

If you've never worked with non-Latin character sets before (Cyrillic, Greek, and a myriad of Asian and Indic), you might find that both your editor and browser do not display content as intended.

Check that your editor and browser encodings are set to UTF-8 (recommended) and consider adding a element and the lang attribute of the html element to your HTML template so browsers know what to expect when rendering your page–this has the added benefit of ensuring that all Unicode characters are displayed correctly, so using HTML entities such as &eacute; (é) will not be necessary, saving valuable bytes! Check the W3C's tutorial on character encoding if you're having trouble–it contains in-depth explanations of the issues.

A word on naming

Lastly, a practical tip on naming conventions when creating several language versions. Using a standard such as the ISO 639-1 language codes for naming helps when you start to deal with several language versions of the same document.

Using a conventional standard will help users understand your site's structure as well as making it more maintainable for all webmasters who might develop the site, and using the language codes for other site assets (logo images, PDF documents) is handy to be able to quickly identify files.

See previous Webmaster Central posts for advice about URL structures and other issues surrounding working with multi-regional websites and working with multilingual websites.

That's a summary of the main challenges we wrestle with on a daily basis; but we can vouch for the fact that putting in the planning and work up front towards well-structured HTML and robust CSS pays dividends during localization!

Posted by Kathryn Cullen, Google Webmaster Team

Detik Pos Indonesia

Detik Pos Indonesia

Sinopsis Drama Princess Prosecutor

Posted: 09 Sep 2011 09:39 AM PDT

DETIKPOS.net - Drama romansa ini mengisahkan seorang jaksa perempuan yang bernama Ma Hye Ri (Kim So Yeon) dan kisah cintanya dengan seorang jaksa lain, namun cinta mereka terhalang karena masalah kedua orangtua mereka d masa lalu.
Baca selengkapnya »

Bambang Gene

Bambang Gene

10 Selebriti Yang Pernah Bekerja di McDonald

Posted: 09 Sep 2011 06:41 AM PDT

Tahukah kamu kalau perjuangan bintang-bintang besar sangatlah besar, bisa dibilang impian mereka dimulai dari suatu yang kecil. Dan di bawah ini adalah para bintang yang memulai karirnya dari bawah sebelum mereka terkenal, yaitu sebagai pekerja di McDonald.

1. Star Jones
10 Selebriti Yang Pernah Bekerja di McDonald
Sebelum pernikahannya dengan Al Reynolds pada November 13, 2004 yang menghabiskan biaya sekitar $ 1 juta, pada masa lalu, Star Jones adalah salah satu staf McDonald yang memasak kentang goreng paling terkenal di dunia.

2. Jay Leno
10 Selebriti Yang Pernah Bekerja di McDonald
Jay Leno dikenal sebagai pelawak dan host untuk acara talk show tengah malam, 'The Tonight Show with Jay Leno' di tahun 1992. Sebelum memulai karirnya, pekerjaan pertama Leno berada di balik meja restoran McDonald yang terletak di Andover, Massachusetts.

3. Pink
10 Selebriti Yang Pernah Bekerja di McDonald
Pink adalah penyanyi yang juga penulis lagu asal Amerika yang nama aslinya adalah Alecia Moore. Dia merilis album pertamanya berjudul 'Can't Take Me Home' pada tahun 2000 melalui LaFace Records. Sebelum ia menjadi sekarang ini, dia telah bekerja di McDonald di Philadelphia dan tugasnya membalik burger termasuk membersihkan toilet dan mengepel lantai.

4. Seal
10 Selebriti Yang Pernah Bekerja di McDonald
Artis Grammy asal Inggris, Seal Samuel yang menikah dengan Supermodel Jerman, Heidi Klum juga pernah bekerja di McDonald pada usia 17 dan tugasnya adalah membersihkan lobi. Seal mengklaim bahwa ia bekerja di McDonald hanya selama 2 minggu.

5. Rachel McAdams
10 Selebriti Yang Pernah Bekerja di McDonald
Rachel McAdams adalah aktris Kanada yang lahir pada 17 November 1978 di Rumah Sakit St Joseph, London, Ontario. Dia menghabiskan sekitar tiga tahun bekerja di McDonald sebelum menjadi seorang aktris terkenal.

6. Tony Stewart
10 Selebriti Yang Pernah Bekerja di McDonald
Jika Anda salah satu dari fans Nascar, pasti tahu dengan Tony Stewart. Sebelum menjadi pembalap Nascar, Tony Stewart bekerja di berbagai pekerjaan, termasuk sebagai staf McDonald.

7. Keenan Ivory Wayans
10 Selebriti Yang Pernah Bekerja di McDonald
Keenan Ivory Wayans pernah bekerja sebagai manajer McDonald sementara dia sedang sekolah tinggi di New York. Keenan merasa bangga dalam pekerjaan ini karena ia telah membantu keluarganya dalam hal keuangan.

8. Shania Twain
10 Selebriti Yang Pernah Bekerja di McDonald
Nama lengkapnya adalah Eileen Regina Edwards, dan lahir pada 28 Agustus 1965 di Windsor, Ontario, Kanada. Sebelum menjadi seorang seniman musik country dan pop, dia bekerja di McDonald ketika remaja di Ontario, Kanada.

9. Sharon Stone
10 Selebriti Yang Pernah Bekerja di McDonald
Bintang film cantik dan seksi ini juga salah satu alumni lain McDonald. Nama sebenarnya adalah Sharon Vonne Stone yang lahir pada tanggal 10 Maret 1958 di Meadville, Pennsylvania, Amerika Serikat.

10. Fred Durst
10 Selebriti Yang Pernah Bekerja di McDonald
Fred Durst adalah penyanyi utama dari rapcore band, Limp Bizkit. Ia dilahirkan pada 20 Agustus 1970 di Jacksonville, Florida, Amerika Serikat. Sebelum bergabung dengan Limp Bizkit, ia bekerja di shift pagi di sebuah restoran McDonald di Florida.Semoga menambah wawasan kita semua

Cara Mencegah Click Fraud

Posted: 09 Sep 2011 05:28 AM PDT

Cara Mencegah Atau Meminimalisir Click Fraud
Click fraud adalah kegiatan ilegal ÿang dilakukan oleh seseorang ÿang tidak mengerti atau Tidak sengaja Atau ÿang sengaja karena tujuan tertentu . Click fraud pun bisa terjadi karena ada orang ÿang iseng ÿg nge klik dalam jumlah ÿang berlebihan pada iklan di blog/web Sobat Pencari Cara.
Atau kasus lain, Sobat Pencari Cara misalnÿa memberitahu alamat blog/web ÿang ada adsense nÿa atau iklan lain kepada kenalan/kawan/saudara, ÿang kemudian mereka meng klik ÿang ber ulang kali pada iklan di blog Sobat Pencari Cara. Mereka mungkin bermaksud baik dengan meng klik tersebut maka akan mendongkrak penghasilan Sobat Pencari Cara. Tetapi karena Sobat Pencari Cara kurang menjelaskan/lupa menjelaskan, maka terjadilah click fraud ÿg tidak diinginkan tersebut.
Khusus Untuk Adsense , Click Fraud ÿang jelas2 melanggar TOS (Term Of Services)Google Adsense . maka account adsense Sobat Pencari Cara pun dapat di banned/diterminate/di diskualifikasi.Dan . untuk mendaftarkan acount lagi, tentunÿa tidak mudah, karena harus mendaftarkan dengan beda nama dan beda alamat dari akun sebelumnÿa.
Untuk mencegah atau meminimalisir terjadinÿa hal ÿang tidak diinginkan tersebut, maka Sobat Pencari Cara bisa memasang Tracking tool dari CLICKAIDER pada blog/web site Sobat Pencari Cara ÿang ada Adsense nÿa atau iklan PPC lainnÿa .
Silahkan berkunjung kesini : www.clickaider.com
Dan berikut langkah2 ÿang Sobat Pencari Cara lakukan :
1. Daftarkan diri Sobat Pencari Cara dgn klik "create new account", (bisa dengan nama dan alamat samaran)
2. Masukkan email ÿang valid, karena nanti ada verifikasi
3. Setelah itu klik sign up
4. Sobat Pencari Cara akan diminta verifikasi, maka masuk lah ke akun email Sobat Pencari Cara
5. Dapatkan link verifikasi(sebaiknÿa copÿ link tsb, lalu buka di tab baru browser Sobat Pencari Cara)
6. Login/ sign in
7. Lalu klik Site, isi kan Data ßlog Sobat Pencari Cara dgn :
Title = Judul ßlog Sobat Pencari Cara
URL = URL atau alamat ßlog Sobat Pencari Cara
TimeZone = Pilih Asia/Jakarta
Lalu klik " Register Site "
8. Selanjutnÿa klik "Get Html Code" , dan Sobat Pencari Cara akan masuk kehalaman Get Code
9. Setinglah terlebih dulu sbb :
- Dibawah kolom KOde Html ada setingan untuk "Code Settings:"
- Pada "Track Links" Centang tulisan "All"
- Pada "Track Forms" Centang tulisan "All"
- Pada "Track IntelliTXT" Centang tulisan "ÿes"
- Pada page tags , Cara2.info tidak ÿakin untuk apa gunanÿa, jadi Cara2.info kosongkan

10. Setelah itu, baru Sobat Pencari Cara Copÿ kode HTML ÿang ada di kolom Kode,
11. Pastekan di blog Sobat Pencari Cara sbb :
- Untuk ßlogspot : Pergi ke Laÿout–>Edit HTML–> Pastekan kode HTML tadi sebelum tag –</bodÿ–>
- Untuk WordPress.org : Pergi ke Editor–>Footer.php–> Pastekan kode HTML tadi sebelum tag –</bodÿ–>
12. Setelah kode HTML tracking Sobat Pencari Cara pasang, lalu Sobat Pencari Cara mesti menempatkan banner clickaider.com di blog Sobat Pencari Cara, kode banner nÿa bisa Sobat Pencari Cara dapatkan di halaman tempat Sobat Pencari Cara meng copÿ Kode HTML tracking tadi(Step 2).
Atau ini bisa Sobat Pencari Cara pakai :

<a href="http://clickaider.com/" title="Tracked bÿ ClickAider"><img width="88″ height="31″ src="http://hit.clickaider.com/i/button-1.gif" alt="Tracked bÿ ClickAider" border="0″/></a>

13. Tempatkan ßanner tsb misalnÿa di sidebar,atau di footer,kalau Cara2.info di sidebar(bisa Sobat Pencari Cara lihat contohnÿa disebelah kanan sidebar)
14. Setelah itu kembaloi ke clickaider.com, klik tulisan "Check if code is placed properlÿ" (ada diatas kanan)untuk memastikan bahwa tracking code sudah terpasang dengan benar. Nanti masukkan URL blog Sobat Pencari Cara, lalu klik "Validate", maka akan tampil tulisan :"Code is placed properlÿ!".
15. Nahjika tracking kode sudah terpasang dengan benar, maka Sobat Pencari Cara sudah bisa melihat data statistik, baik pengnunjung, maupun klik atau iklan PPC Sobat Pencari Cara.
Caranÿa Sobat Pencari Cara klik tab "Sites"
Lalu klik URL blog ÿg tadi Sobat Pencari Cara pasangi kode
PAda halaman selanjutnÿa akan tampil "Sÿstem Reports" ÿang bisa Sobat Pencari Cara gunakan untuk melihat tracking pengunjung, baik itu dari sisi klik pada iklan, maupun ÿang lainnÿa, ada sekitar 14 Fungsi ÿang bisa Sobat Pencari Cara gunakan termasuk Adsense.

Usaha penangkal klik fraud telah dan akan terus kita lakukan, namun jika ternÿata masih ke bobolan juga, maka segeralah lakukan tindakan "Melapor" ke ÿang empunÿa Adsense di
Isikan data Sobat Pencari Cara ÿang lengkap dan ceritakan apa ÿang terjadi, semoga google adsense dapat membantu Sobat Pencari Cara.

ßaiklah temans, jika ada cara lain ÿang lebih baik dalam hal mencegah click Fraud, maka akan dengan senang hati Cara2.info menghimbau agar Sobat Pencari Cara mau berbagi dengan Cara2.info, mohon tuliskanlah di form komentar dibawah ini.
Semoga bermanfaat..

3 Strategi Perang Dari China

Posted: 09 Sep 2011 02:09 AM PDT

Negara China mempunyai sejarah yang panjang dalam hal peperangan antar kerajaannya. Sehingga banyak orang pintar yang menjadi penasehat perang atau para jendral harus mengadu strategi untuk memenangkan sebuah peperangan. 

Diantaranya yang paling terkenal adalah Sun Tsu, Sun Bing, Qin Shi Huang, Liu Bang, Cao-Cao, Zhuge Liang, dll. 

Nah tulisan kali ini kita hanya akan membahas 3 strategi perang China jaman dulu yang dikembangkan dan dipraktekkan di jaman modern ini. Kenapa cuma tiga ? 

Karena ada ribuan atau mungkin ratusan ribu strategi perang yang mereka terapkan jaman dulu yang tidak mungkin kita bahas satu persatu. Nah apa-apa saja strategi perangnya itu? Mari kita bahas satu persatu.

1. Untuk menaklukan dunia saya tidak perlu memiliki seribu pasukan tetapi saya hanya butuh satu anak perempuan yang paling cantik di negeri ini. (Sun Tzu)
Pada jaman dahulu di negeri China seorang Kaisar dapat memiliki selir hingga mencapai 200 orang. Bagi yang memiliki anak perempuan yang cantik dapat di ajukan ke Kaisar untuk dipersunting sebagai selir. 

Nah kalau kita memiliki seorang anak perempuan yang cantik bahkan paling cantik di negeri itu maka otomatis pasti akan dijadikan selir oleh Kaisar. Dan dengan menjadi yang tercantik dari semua selir yang di miliki Kaisar maka tentunya akan menjadi selir kesayangan Kaisar yang mana akan dipenuhi semua permintaannya oleh Kaisar. Jadi dengan begitu kita bisa memerintah kerajaan melalui sang anak.

Jadi inti dari seni perang ini adalah mempergunakan daya tarik wanita atau di negeri China dikenal dengan strategi " JEBAKAN WANITA CANTIK "

Bagaimana hal ini dipraktekan di jaman modern
Teori ini dikembangkan dengan baik di bidang pemasaran dan politik. Kita bisa lihat bagaimana tenaga-tenaga wanita dijadikan Sales Promotion Girls untuk menarik pembeli atau pengunjung suatu event dan bagaimana tenaga wanita juga dijadikan Lady Escourt yang kerjanya melakukan lobby kepada klien guna memenangkan sebuah tender. 

Selain dari pada itu kita juga mendengar wanita dimanfaatkan untuk menghancurkan karir seseorang dengan memakai jasa mereka sebagai pembuat scandal kepada lawan bisnis atau politik.

2. Setelah sampai didaerah musuh bakar kapal dan buang persediaan makan. (Xiang Yu)
Ketika seorang Jendral kejam yang bernama Xiang Yu ingin memaksa anak buahnya berjuang mati-matian sampai titik darah penghabisan maka cara yang ditempuhnya adalah dengan mengancam kelangsungan hidup dari para tentaranya dengan membakar kapal untuk mereka pulang serta membuang semua perbekalan untuk makan mereka. 

Sehingga kalau mereka tetap ingin hidup jalan satu-satunya adalah memenangkan perang. Karena kalau mereka dapat memenangkan peperangan berarti mereka dapat merampas semua kebutuhan yang mereka butuhkan dari pihak musuh yang kalah.

Di jaman modern strategi ini dipraktekan di bidang perdagangan atau lebih tepatnya di bidang ketenagakerjaan.

Cara yang dilakukan pengusaha atau perusahaan adalah dengan memberikan gaji yang kecil dan pas-pasan kepada karyawan agar mereka tidak dapat memenuhi kebutuhan hidup mereka dan baru bisa mencukupi kebutuhan mereka kalau mereka mencapai target yang ditentukan perusahaan dengan imbalan bonus dari pencapaian target. 

Jadi dengan gaji yang pas-pasan atau malah kurang, maka tanpa disuruh pun para pegawai mereka akan bekerja mati-matian untuk mencapai target yang ditentukan agar menerima bonus yang dijanjikan perusahaan untuk dapat memenuhi kebutuhan mereka sehari-hari.

3. Tempat yang paling aman adalah tempat yang paling berbahaya. (Sam Kok)
Maksudnya adalah ketika melakukan pencurian di istana kaisar maka tempat yang paling aman bersembunyi adalah di istana itu sendiri. Kenapa ??? Karena kebiasaan orang mencuri di istana kaisar pasti sudah lari terbirit-birit dengan memakai jurus langkah sejuta. 

Karena kalau ketahuan mencuri akan langsung di hukum pancung atau disiksa sampai mati. Maka dengan tetap di istana bahkan berteriak maling dan ikut serta dalam pencarian pencuri itu maka pasti orang tidak akan menyangka bahwa dialah yang melakukan pencurian karena semua orang tidak akan mempuyai nyali seperti itu.

Dijaman sekarang ini strategi perang ini malah lebih sering kita temukan di Indonesia. Para pejabat atau pemilik kekuasaan yang melakukan korupsi akan lebih dulu teriak maling kepada orang lain dan bertindak seakan-akan ingin memberantas korupsi agar orang menyangka dirinya bersih dari korupsi.

Orang sudah pasti akan berpaling kepada orang yang diteriakan dari pada kepada dirinya yang pura-pura bersih bahkan orang akan mendukungnya atas usahanya memberantas korupsi padahal dialah biang dari korupsi itu.

Dari tulisan diatas kita dapat melihat bahwa strategi perang China jaman dahulu tersebut telah dimodif sedemikian rupa agar dapat dipergunakan di abad modern ini. Tetapi yang sangat disayangkan mereka menggunakannya untuk kepentingan dan keperluan yang negatif.Semoga menambah wawasan kita semua

Info Berita Terbaru dan Terkini

Info Berita Terbaru dan Terkini

Video Lucu Handphone Lengkap Terbaru

Posted: 08 Sep 2011 09:50 PM PDT

Daftar Gaji Pokok PNS 2012

Posted: 08 Sep 2011 09:34 PM PDT

Cut Tari Meninggal Dunia ? Hoax!

Posted: 08 Sep 2011 09:19 PM PDT

Inilah Mobil Tercepat di Dunia

Posted: 08 Sep 2011 08:57 PM PDT

Cara Download Video Youtube Pasti Sukses 100%

Posted: 08 Sep 2011 08:30 PM PDT