公开页补齐自引用 Canonical 与按类型的结构化数据，图片补上说明文字。

后台设置和内容编辑改成可导航布局；部署用访客 origin 生成 Canonical，避免落到容器地址。

Co-authored-by: Cursor <cursoragent@cursor.com>

frontend/components/AvatarCropModal.tsx

@@ -327,7 +327,12 @@ export default function AvatarCropModal({
                           className="absolute inset-0 rounded-full overflow-hidden bg-[var(--panel-2)] transition-transform hover:scale-105 disabled:cursor-default disabled:hover:scale-100"
                         >
                           {/* eslint-disable-next-line @next/next/no-img-element */}
-                          <img src={item.url} alt="" className="w-full h-full object-cover" loading="lazy" />
+                          <img
+                            src={item.url}
+                            alt={item.kind === "avatar" ? "历史头像" : "我的图片"}
+                            className="w-full h-full object-cover"
+                            loading="lazy"
+                          />
                         </button>
 
                         {/* hover 指示：成品头像=直接使用，其他图片=裁剪；选用中显示 spinner */}