diff --git a/CHANGELOG.md b/CHANGELOG.md
index 920dff6..d722d8c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,10 @@ All notable changes to this project will be documented in this file.
 
 ## [Unreleased]
 
+### Changed
+
+- **SEO-Friendly Project and Event Filters**: Replace client-side-only filters with server-rendered, shareable query-string URLs for project category/language and event type; add explicit empty states, request-time event status calculation, and page-specific bilingual meta descriptions across list, policy, and blog pages
+
 ## [0.4.0] - 2026-07-17
 
 ### Added
diff --git a/src/layouts/MarkdownLayout.astro b/src/layouts/MarkdownLayout.astro
index 49ba81c..2cbcdb6 100644
--- a/src/layouts/MarkdownLayout.astro
+++ b/src/layouts/MarkdownLayout.astro
@@ -7,6 +7,7 @@ export interface Props {
   frontmatter: {
     title?: string;
     titleEn?: string;
+    description?: string;
   };
 }
 
@@ -14,6 +15,7 @@ const { frontmatter } = Astro.props;
 
 const metadata: MetaData = {
   title: frontmatter?.title,
+  description: frontmatter?.description,
 };
 ---
 
diff --git a/src/pages/[...blog]/[...page].astro b/src/pages/[...blog]/[...page].astro
index e449371..d381667 100644
--- a/src/pages/[...blog]/[...page].astro
+++ b/src/pages/[...blog]/[...page].astro
@@ -23,6 +23,8 @@ const currentPage = page.currentPage ?? 1;
 
 const metadata = {
   title: `Blog${currentPage > 1 ? ` — Page ${currentPage}` : ''}`,
+  description:
+    '讯飞开源博客 — Articles from the iFLYTEK open source community: technical deep dives, project updates, release notes and community news.',
   robots: {
     index: blogListRobots?.index && currentPage === 1,
     follow: blogListRobots?.follow,
diff --git a/src/pages/[...blog]/[category]/[...page].astro b/src/pages/[...blog]/[category]/[...page].astro
index 4d3bc52..bb7dfc9 100644
--- a/src/pages/[...blog]/[category]/[...page].astro
+++ b/src/pages/[...blog]/[category]/[...page].astro
@@ -18,13 +18,6 @@ const { page, category } = Astro.props as Props;
 
 const currentPage = page.currentPage ?? 1;
 
-const metadata = {
-  title: `Category '${category.title}' ${currentPage > 1 ? ` — Page ${currentPage}` : ''}`,
-  robots: {
-    index: blogCategoryRobots?.index,
-    follow: blogCategoryRobots?.follow,
-  },
-};
 const categoryMeta: Record<string, { titleZh: string; titleEn: string; description: string; descriptionEn: string }> = {
   tech: {
     titleZh: '技术博客',
@@ -48,6 +41,15 @@ const cat = categoryMeta[category.slug] || {
   description: `${category.title} 相关文章`,
   descriptionEn: `${category.title} related posts`,
 };
+
+const metadata = {
+  title: `Category '${category.title}' ${currentPage > 1 ? ` — Page ${currentPage}` : ''}`,
+  description: `${cat.description} — ${cat.descriptionEn}`,
+  robots: {
+    index: blogCategoryRobots?.index,
+    follow: blogCategoryRobots?.follow,
+  },
+};
 ---
 
 <Layout metadata={metadata}>
diff --git a/src/pages/[...blog]/[tag]/[...page].astro b/src/pages/[...blog]/[tag]/[...page].astro
index 86a767b..2b61d7f 100644
--- a/src/pages/[...blog]/[tag]/[...page].astro
+++ b/src/pages/[...blog]/[tag]/[...page].astro
@@ -21,6 +21,7 @@ const currentPage = page.currentPage ?? 1;
 
 const metadata = {
   title: `Posts by tag '${tag.title}'${currentPage > 1 ? ` — Page ${currentPage} ` : ''}`,
+  description: `标签 '${tag.title}' 下的文章 — Posts tagged '${tag.title}' from the iFLYTEK open source blog.`,
   robots: {
     index: blogTagRobots?.index,
     follow: blogTagRobots?.follow,
diff --git a/src/pages/adopters.astro b/src/pages/adopters.astro
index 335a0e6..0a16c46 100644
--- a/src/pages/adopters.astro
+++ b/src/pages/adopters.astro
@@ -4,6 +4,8 @@ import { getCollection } from 'astro:content';
 
 const metadata = {
   title: 'Adopters',
+  description:
+    '谁在使用讯飞开源项目 — Companies and organizations adopting iFLYTEK open source projects in production, and how to add your organization to the list.',
 };
 
 const adopters = await getCollection('adopter');
diff --git a/src/pages/cla.astro b/src/pages/cla.astro
index 390f346..d5ac734 100644
--- a/src/pages/cla.astro
+++ b/src/pages/cla.astro
@@ -2,7 +2,14 @@
 import MarkdownLayout from '~/layouts/MarkdownLayout.astro';
 ---
 
-<MarkdownLayout frontmatter={{ title: '贡献者许可协议', titleEn: 'Contributor License Agreement' }}>
+<MarkdownLayout
+  frontmatter={{
+    title: '贡献者许可协议',
+    titleEn: 'Contributor License Agreement',
+    description:
+      '科大讯飞开源社区贡献者许可协议（CLA）— The iFLYTEK open source Contributor License Agreement covering copyright and patent license grants for contributions.',
+  }}
+>
   <!-- Chinese Content -->
   <div class="i18n-zh">
     <p>
diff --git a/src/pages/contribute.astro b/src/pages/contribute.astro
index 566f026..eb18291 100644
--- a/src/pages/contribute.astro
+++ b/src/pages/contribute.astro
@@ -9,6 +9,8 @@ export const prerender = false;
 
 const metadata = {
   title: 'Contribute',
+  description:
+    '参与贡献科大讯飞开源社区 — How to contribute to iFLYTEK open source: find good first issues, submit pull requests, sign the CLA and join the community.',
 };
 
 // Load projects count
diff --git a/src/pages/events.astro b/src/pages/events.astro
index 97df25e..f878cfb 100644
--- a/src/pages/events.astro
+++ b/src/pages/events.astro
@@ -1,21 +1,26 @@
 ---
 import Layout from '~/layouts/PageLayout.astro';
 import { getCollection } from 'astro:content';
-import { events } from '~/data/events';
+import { events as eventsData } from '~/data/events';
+
+export const prerender = false;
 
 const metadata = {
   title: 'Events',
+  description:
+    '科大讯飞开源社区活动 — iFLYTEK open source community events: meetups, hackathons, workshops and conferences, with the latest community news.',
 };
 
 // Auto-determine status based on event date vs current date
 const now = new Date();
 const todayStr = now.toISOString().split('T')[0];
-events.forEach((event) => {
-  event.status = event.date === todayStr ? 'ongoing' : event.date > todayStr ? 'upcoming' : 'past';
-});
-
-// Sort by date descending
-events.sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
+const events = eventsData
+  .map((event) => ({
+    ...event,
+    status: (event.date === todayStr ? 'ongoing' : event.date > todayStr ? 'upcoming' : 'past') as
+      'ongoing' | 'upcoming' | 'past',
+  }))
+  .sort((a, b) => new Date(b.date).getTime() - new Date(a.date).getTime());
 
 const typeLabels: Record<string, string> = {
   conference: 'Conference',
@@ -36,6 +41,15 @@ const typeColors: Record<string, string> = {
 // Get unique types for filter
 const eventTypes = [...new Set(events.map((e) => e.type))];
 
+// URL-driven filter state so filtered views are crawlable and shareable
+const typeParam = Astro.url.searchParams.get('type') || 'all';
+const activeType = (eventTypes as string[]).includes(typeParam) ? typeParam : 'all';
+const filteredEvents = activeType === 'all' ? events : events.filter((e) => e.type === activeType);
+
+const activeChipClass = 'bg-primary-600 text-white';
+const inactiveChipClass =
+  'bg-gray-100 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700';
+
 // Blog posts for news section
 const posts = await getCollection('post');
 const newsPosts = posts
@@ -75,22 +89,28 @@ const newsPosts = posts
     <div class="mx-auto max-w-5xl px-4 sm:px-6 lg:px-8">
       <!-- Filter Tabs -->
       <div class="mb-10 flex flex-wrap items-center justify-center gap-3">
-        <button
-          class="event-filter-btn rounded-full bg-primary-600 px-5 py-2 text-sm font-medium text-white"
-          data-type="all"
+        <a
+          href="/events"
+          class:list={[
+            'rounded-full px-5 py-2 text-sm font-medium',
+            activeType === 'all' ? activeChipClass : inactiveChipClass,
+          ]}
         >
           <span data-lang-zh={`全部 (${events.length})`} data-lang-en={`All (${events.length})`}
             >全部 ({events.length})</span
           >
-        </button>
+        </a>
         {
           eventTypes.map((type) => (
-            <button
-              class="event-filter-btn rounded-full bg-gray-100 px-5 py-2 text-sm font-medium text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-              data-type={type}
+            <a
+              href={`/events?type=${type}`}
+              class:list={[
+                'rounded-full px-5 py-2 text-sm font-medium',
+                activeType === type ? activeChipClass : inactiveChipClass,
+              ]}
             >
               {typeLabels[type]} ({events.filter((e) => e.type === type).length})
-            </button>
+            </a>
           ))
         }
       </div>
@@ -98,8 +118,8 @@ const newsPosts = posts
       <!-- Timeline -->
       <div class="space-y-1">
         {
-          events.map((event, index) => (
-            <div class="event-item relative flex gap-4 sm:gap-8" data-type={event.type}>
+          filteredEvents.map((event, index) => (
+            <div class="relative flex gap-4 sm:gap-8">
               {/* Timeline line & dot */}
               <div class="flex flex-col items-center">
                 <div class="relative z-10 flex h-10 w-10 flex-shrink-0 items-center justify-center">
@@ -114,7 +134,7 @@ const newsPosts = posts
                     ]}
                   />
                 </div>
-                {index < events.length - 1 && <div class="w-px flex-1 bg-gray-200 dark:bg-gray-800" />}
+                {index < filteredEvents.length - 1 && <div class="w-px flex-1 bg-gray-200 dark:bg-gray-800" />}
               </div>
 
               {/* Event Card */}
@@ -251,44 +271,4 @@ const newsPosts = posts
       </section>
     )
   }
-
-  <!-- Filter Script -->
-  <script is:inline>
-    (function () {
-      function setupFilters() {
-        const buttons = document.querySelectorAll('.event-filter-btn');
-        const items = document.querySelectorAll('.event-item');
-
-        buttons.forEach((btn) => {
-          btn.addEventListener('click', () => {
-            const type = btn.dataset.type;
-
-            // Update button styles
-            buttons.forEach((b) => {
-              b.classList.remove('bg-primary-600', 'text-white');
-              b.classList.add('bg-gray-100', 'text-gray-700', 'dark:bg-gray-800', 'dark:text-gray-300');
-            });
-            btn.classList.add('bg-primary-600', 'text-white');
-            btn.classList.remove('bg-gray-100', 'text-gray-700', 'dark:bg-gray-800', 'dark:text-gray-300');
-
-            // Filter items
-            items.forEach((item) => {
-              const itemType = item.dataset.type;
-              if (type === 'all' || itemType === type) {
-                item.style.display = '';
-              } else {
-                item.style.display = 'none';
-              }
-            });
-          });
-        });
-      }
-
-      if (document.readyState !== 'loading') {
-        setupFilters();
-      } else {
-        document.addEventListener('DOMContentLoaded', setupFilters);
-      }
-    })();
-  </script>
 </Layout>
diff --git a/src/pages/landscape.astro b/src/pages/landscape.astro
index b545eaf..6503e35 100644
--- a/src/pages/landscape.astro
+++ b/src/pages/landscape.astro
@@ -4,6 +4,8 @@ import { getProjectsWithStats } from '~/utils/project-stats';
 
 const metadata = {
   title: 'Landscape',
+  description:
+    '讯飞开源全景图 — The iFLYTEK open source landscape: an at-a-glance map of all projects organized by category, from AI Agent platforms to developer tools.',
 };
 
 const projects = await getProjectsWithStats();
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 2f6470f..e02b416 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -7,6 +7,8 @@ export const prerender = false;
 
 const metadata = {
   title: 'Projects',
+  description:
+    '探索科大讯飞开源项目生态 — Explore iFLYTEK open source projects covering AI Agent, agentic workflow, developer tools and more, filterable by category and language.',
 };
 
 const projects = await getProjectsWithStats();
@@ -34,6 +36,31 @@ const categoryLabels: Record<string, { zh: string; en: string }> = {
 // Total stats
 const totalStars = sortedProjects.reduce((sum, p) => sum + (p.data.stars || 0), 0);
 const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0), 0);
+
+// URL-driven filter state so filtered views are crawlable and shareable
+const { searchParams } = Astro.url;
+const categoryParam = searchParams.get('category') || 'all';
+const languageParam = searchParams.get('language') || 'all';
+const activeCategory = categories.includes(categoryParam) ? categoryParam : 'all';
+const activeLanguage = languages.includes(languageParam) ? languageParam : 'all';
+
+const filteredProjects = sortedProjects.filter(
+  (p) =>
+    (activeCategory === 'all' || p.data.category === activeCategory) &&
+    (activeLanguage === 'all' || (p.data.languages || []).includes(activeLanguage))
+);
+
+const buildFilterUrl = (category: string, language: string) => {
+  const params = new URLSearchParams();
+  if (category !== 'all') params.set('category', category);
+  if (language !== 'all') params.set('language', language);
+  const query = params.toString();
+  return query ? `/projects?${query}` : '/projects';
+};
+
+const activeChipClass = 'bg-primary-600 text-white';
+const inactiveChipClass =
+  'bg-gray-100 text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700';
 ---
 
 <Layout metadata={metadata}>
@@ -85,26 +112,32 @@ const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0),
     <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8">
       <!-- Filter Bar -->
       <div class="mb-4 flex flex-wrap items-center justify-center gap-2">
-        <button
-          class="category-btn rounded-full bg-primary-600 px-4 py-1.5 text-xs font-medium text-white sm:px-5 sm:py-2 sm:text-sm"
-          data-category="all"
+        <a
+          href={buildFilterUrl('all', activeLanguage)}
+          class:list={[
+            'rounded-full px-4 py-1.5 text-xs font-medium sm:px-5 sm:py-2 sm:text-sm',
+            activeCategory === 'all' ? activeChipClass : inactiveChipClass,
+          ]}
         >
           <span data-lang-zh={`全部 (${sortedProjects.length})`} data-lang-en={`All (${sortedProjects.length})`}
             >全部 ({sortedProjects.length})</span
           >
-        </button>
+        </a>
         {
           categories.map((cat) => (
-            <button
-              class="category-btn rounded-full bg-gray-100 px-4 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700 sm:px-5 sm:py-2 sm:text-sm"
-              data-category={cat}
+            <a
+              href={buildFilterUrl(cat, activeLanguage)}
+              class:list={[
+                'rounded-full px-4 py-1.5 text-xs font-medium sm:px-5 sm:py-2 sm:text-sm',
+                activeCategory === cat ? activeChipClass : inactiveChipClass,
+              ]}
             >
               <span class="i18n-zh">{categoryLabels[cat]?.zh?.split(' ')[0] || cat}</span>
               <span class="i18n-en">{categoryLabels[cat]?.en || cat}</span>
               <span class="ml-1 text-gray-400 dark:text-gray-500">
                 ({sortedProjects.filter((p) => p.data.category === cat).length})
               </span>
-            </button>
+            </a>
           ))
         }
       </div>
@@ -113,21 +146,27 @@ const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0),
       {
         languages.length > 0 && (
           <div class="mb-8 flex flex-wrap items-center justify-center gap-3">
-            <button
-              class="lang-btn rounded-full bg-primary-600 px-4 py-1.5 text-xs font-medium text-white"
-              data-language="all"
+            <a
+              href={buildFilterUrl(activeCategory, 'all')}
+              class:list={[
+                'rounded-full px-4 py-1.5 text-xs font-medium',
+                activeLanguage === 'all' ? activeChipClass : inactiveChipClass,
+              ]}
             >
               <span data-lang-zh="全部语言" data-lang-en="All Languages">
                 全部语言
               </span>
-            </button>
+            </a>
             {languages.map((lang) => (
-              <button
-                class="lang-btn rounded-full bg-gray-100 px-4 py-1.5 text-xs font-medium text-gray-700 transition-colors hover:bg-gray-200 dark:bg-gray-800 dark:text-gray-300 dark:hover:bg-gray-700"
-                data-language={lang}
+              <a
+                href={buildFilterUrl(activeCategory, lang)}
+                class:list={[
+                  'rounded-full px-4 py-1.5 text-xs font-medium',
+                  activeLanguage === lang ? activeChipClass : inactiveChipClass,
+                ]}
               >
                 {lang} ({sortedProjects.filter((p) => p.data.languages?.includes(lang)).length})
-              </button>
+              </a>
             ))}
           </div>
         )
@@ -136,12 +175,8 @@ const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0),
       <!-- Project Cards -->
       <div class="grid gap-8 sm:grid-cols-2 lg:grid-cols-2">
         {
-          sortedProjects.map((project) => (
-            <div
-              class="project-card h-full"
-              data-category={project.data.category}
-              data-languages={(project.data.languages || []).join(',')}
-            >
+          filteredProjects.map((project) => (
+            <div class="h-full">
               <ProjectCard
                 name={project.data.name}
                 description={project.data.description}
@@ -162,6 +197,24 @@ const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0),
         }
       </div>
 
+      {
+        filteredProjects.length === 0 && (
+          <div class="py-16 text-center text-gray-500 dark:text-gray-400">
+            <p data-lang-zh="没有符合当前筛选条件的项目" data-lang-en="No projects match the current filters">
+              没有符合当前筛选条件的项目
+            </p>
+            <a
+              href="/projects"
+              class="mt-4 inline-block font-medium text-primary-600 hover:text-primary-700 dark:text-primary-400 dark:hover:text-primary-300"
+            >
+              <span data-lang-zh="清除筛选" data-lang-en="Clear filters">
+                清除筛选
+              </span>
+            </a>
+          </div>
+        )
+      }
+
       <!-- View Landscape Link -->
       <div class="mt-16 text-center">
         <a
@@ -182,56 +235,4 @@ const totalForks = sortedProjects.reduce((sum, p) => sum + (p.data.forks || 0),
       </div>
     </div>
   </section>
-
-  <!-- Filter Script -->
-  <script is:inline>
-    (function () {
-      let activeCategory = 'all';
-      let activeLanguage = 'all';
-
-      function applyFilters() {
-        const cards = document.querySelectorAll('.project-card');
-        cards.forEach((card) => {
-          const cardCategory = card.dataset.category;
-          const cardLanguages = (card.dataset.languages || '').split(',').filter(Boolean);
-
-          const matchesCategory = activeCategory === 'all' || cardCategory === activeCategory;
-          const matchesLanguage = activeLanguage === 'all' || cardLanguages.includes(activeLanguage);
-
-          card.style.display = matchesCategory && matchesLanguage ? '' : 'none';
-        });
-      }
-
-      function setupButtonGroup(selector, callback) {
-        const buttons = document.querySelectorAll(selector);
-        buttons.forEach((btn) => {
-          btn.addEventListener('click', () => {
-            buttons.forEach((b) => {
-              b.classList.remove('bg-primary-600', 'text-white');
-              b.classList.add('bg-gray-100', 'text-gray-700', 'dark:bg-gray-800', 'dark:text-gray-300');
-            });
-            btn.classList.add('bg-primary-600', 'text-white');
-            btn.classList.remove('bg-gray-100', 'text-gray-700', 'dark:bg-gray-800', 'dark:text-gray-300');
-            callback(btn);
-            applyFilters();
-          });
-        });
-      }
-
-      function setupFilters() {
-        setupButtonGroup('.category-btn', (btn) => {
-          activeCategory = btn.dataset.category || 'all';
-        });
-        setupButtonGroup('.lang-btn', (btn) => {
-          activeLanguage = btn.dataset.language || 'all';
-        });
-      }
-
-      if (document.readyState !== 'loading') {
-        setupFilters();
-      } else {
-        document.addEventListener('DOMContentLoaded', setupFilters);
-      }
-    })();
-  </script>
 </Layout>
diff --git a/src/pages/security.astro b/src/pages/security.astro
index 6a4d643..eeff4f5 100644
--- a/src/pages/security.astro
+++ b/src/pages/security.astro
@@ -2,7 +2,14 @@
 import MarkdownLayout from '~/layouts/MarkdownLayout.astro';
 ---
 
-<MarkdownLayout frontmatter={{ title: '安全策略', titleEn: 'Security Policy' }}>
+<MarkdownLayout
+  frontmatter={{
+    title: '安全策略',
+    titleEn: 'Security Policy',
+    description:
+      '科大讯飞开源安全策略 — How to responsibly report security vulnerabilities in iFLYTEK open source projects and what to expect from the disclosure process.',
+  }}
+>
   <!-- Chinese Content -->
   <div class="i18n-zh">
     <p>如果你在本项目中发现安全问题，请遵循以下指南。</p>
diff --git a/src/pages/values.astro b/src/pages/values.astro
index 7151f27..d5ae409 100644
--- a/src/pages/values.astro
+++ b/src/pages/values.astro
@@ -2,7 +2,14 @@
 import MarkdownLayout from '~/layouts/MarkdownLayout.astro';
 ---
 
-<MarkdownLayout frontmatter={{ title: '社区价值观', titleEn: 'Community Values' }}>
+<MarkdownLayout
+  frontmatter={{
+    title: '社区价值观',
+    titleEn: 'Community Values',
+    description:
+      '科大讯飞开源社区价值观 — The shared values of the iFLYTEK open source community: openness, inclusion, respect and collaboration.',
+  }}
+>
   <!-- Chinese Content -->
   <div class="i18n-zh">
     <p>科大讯飞开源社区建立在我们共同遵循的价值观之上，这些价值观指引着我们的互动、决策与成长。</p>