預研:網站SEO/GEO的多語言技術模式的可行性

|

我在研究外貿網站通過前端技術實現用戶(訪客)自動翻譯內容文本,然後偵測是否符合SEO和GEO的有效性作用,其實就是實驗AI搜索(生成)引擎會不會把內容頁面匹配成多種語言的結果,那為什麼不用rel=alternate配置多語言的網站頁面呢?

其實為的是不投入資金和時間的情況,看看能不能實現網站的擴展化效果,而且我交往和服務的客戶、朋友、夥伴,他們和我的追求都是比較的一致,要的流量營銷或是盈利效果,這就需要網站做到投射性和覆蓋性,甚至是全球程度。

現成已經有技術可以讓網站實現內容自動翻譯。

但是有選項性和侷限性,舉例:網站使用用微軟翻譯的API接口及屬性參數,然後edge瀏覽器可以根據用戶的地區或是語種進行內容頁的自動翻譯,但是在穀歌瀏覽器就行不通了,而且目前還沒有得到印證是否有bing搜索引擎的效果,所以屬於是未知的狀態,另外大家可以研究下JavaScript的技術策略。

代碼示例:
function triggerAutoTranslation() {
  try {
    const siteLang = document.documentElement.lang || 'en';
    const siteMainLang = siteLang.split('-')[0]?.toLowerCase() || 'en';
    const userLang = navigator.language || navigator.userLanguage || '';
    const userMainLang = userLang.split('-')[0]?.toLowerCase() || '';
    let userSelectedLang = null;
    try {
      userSelectedLang = localStorage.getItem('site-user-lang');
    } catch (e) {}
    if (!userSelectedLang && userMainLang && siteMainLang !== userMainLang) {
      const triggerTranslation = () => {
        if (typeof window.chrome?.translate === 'function') {
          window.chrome.translate(true);
        }
      };
      if (document.readyState === 'complete') {
        triggerTranslation();
      } else {
        window.addEventListener('load', triggerTranslation, { once: true });
      }
    }
  } catch (error) {}
}
if (document.readyState === 'loading') {
  document.addEventListener('DOMContentLoaded', triggerAutoTranslation, { once: true });
} else {
  triggerAutoTranslation();
}
非驗證性,請勿直接使用,僅供本文內容的舉例。

如果網站的SEO/GEO使用JavaScript的技術策略(不限於自動翻譯),要注意API和DOM的可行性和穩定性,甚至不能影響網站的性能和安全,而且還要關注API的更新迭代的變動以及DOM的內存佔用,避免導致錯誤和泄漏的問題,但這是最容易學習的知識,所以分享出來供大家談論交流。

結語:很多網友都很好奇問我每天都在研究什麼,本文就通俗易懂的說個事,其實我經常根據工作的需要去研究些便於針對性成效的策略,比如說不同行業的SEO/GEO方法,然後會體現在策略的執行和布控,所以不是每天盯着看什麼,而是不斷的從工作中學習,保持積極的研究成果。