في المثال التالي إفترضنا أنه يوجد صفحة في موقع هرمش عنوانها "حول الموقع" و مترجمة لثلاث لغات (العربية, الإنجليزية, الفرنسية).
إذا افترضنا أن كل نسخة مترجمة من الصفحة موضوعة في ملف خاص كالتالي:
الآن لجعل جوجل يعرض للمستخدم الصفحة التي تتوافق مع لغته حين يبحث فيه على سبيل المثال عن "حول هرمش" أو "About Harmash" أو "à propos de Harmash" فيجب أن تكون الصفحات الثلاثة تتضمن روابط الصفحات المترجمة كالتالي.
مثال
الصفحة العربية يجب أن تشير للصفحات الأخرى المترجمة كالتالي.
<!DOCTYPE html>
<html dir="rtl" lang="ar">
<head>
<!-- هنا قمنا بإعلام جوجل بأن الصفحة الحالية لغتها العربية -->
<link rel="canoncial" hreflang="ar" />
<!-- و يوجد منها نسخة مترجمة للإنجليزية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="en" href="./en-about.html" />
<!-- و يوجد منها نسخة مترجمة للفرنسية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="fr" href="./fr-about.html" />
<!-- عنوان الصفحة العربية -->
<title>حول هرمش</h2>
</head>
<body>
<!-- هنا نكتب محتوى الصفحة العربية بشكل عادي جداً -->
</body>
</html>
الصفحة الإنجليزية يجب أن تشير للصفحات الأخرى المترجمة كالتالي.
<!DOCTYPE html>
<html dir="ltr" lang="en">
<head>
<!-- هنا قمنا بإعلام جوجل بأن الصفحة الحالية لغتها الإنجليزية -->
<link rel="canoncial" hreflang="en" />
<!-- و يوجد منها نسخة مترجمة للعربية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="ar" href="./ar-about.html" />
<!-- و يوجد منها نسخة مترجمة للفرنسية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="fr" href="./fr-about.html" />
<!-- عنوان الصفحة الإنجليزية -->
<title>About Harmash</h2>
</head>
<body>
<!-- هنا نكتب محتوى الصفحة الإنجليزية بشكل عادي جداً -->
</body>
</html>
الصفحة الفرنسية يجب أن تشير للصفحات الأخرى المترجمة كالتالي.
<!DOCTYPE html>
<html dir="ltr" lang="fr">
<head>
<!-- هنا قمنا بإعلام جوجل بأن الصفحة الحالية لغتها الفرنسية -->
<link rel="canoncial" hreflang="fr" />
<!-- و يوجد منها نسخة مترجمة للعربية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="ar" href="./ar-about.html" />
<!-- و يوجد منها نسخة مترجمة للإنجليزية مع تحديد مسار وجودها -->
<link rel="alternate" hreflang="en" href="./en-about.html" />
<!-- عنوان الصفحة الفرنسية -->
<title>À propos de Harmash</h2>
</head>
<body>
<!-- هنا نكتب محتوى الصفحة الفرنسية بشكل عادي جداً -->
</body>
</html>