diff --git a/frontend/src/components/ArticleCard.tsx b/frontend/src/components/ArticleCard.tsx
index aaccc5b..d277517 100644
--- a/frontend/src/components/ArticleCard.tsx
+++ b/frontend/src/components/ArticleCard.tsx
@@ -7,9 +7,11 @@ import { toPersianDigits } from '../utils/digits'
 
 export function ArticleCard({ article }: { article: Article }) {
   const { t, href, lang } = useLang()
+  // در انگلیسی نشانی اسلاگ انگلیسی — canonical سمت سرور هم همان است
+  const linkSlug = lang === 'en' && article.slug_en ? article.slug_en : article.slug
   return (
     <Link
-      to={href(`/blog/${article.slug}`)}
+      to={href(`/blog/${encodeURIComponent(linkSlug)}`)}
       className="group flex h-full flex-col overflow-hidden rounded-xl md:rounded-2xl border border-white/10 bg-char/80 backdrop-blur-xl shadow-[0_10px_30px_rgba(0,0,0,0.3)] transition-all duration-500 ease-lux hover:-translate-y-2 hover:border-copper/50 hover:shadow-[0_20px_40px_rgba(0,0,0,0.6),0_0_30px_rgba(197,143,92,0.18)] focus:outline-none focus-visible:ring-2 focus-visible:ring-copper"
       aria-label={`${t('readArticlePrefix')} ${article.title}`}
     >