윅스 (Wix) 코딩 - 구글 검색엔진 최적화(SEO) 및 라우팅 (Wix Code: About SEO and Routing)

윅스 (Wix) 코딩 - 구글 검색엔진 최적화(SEO) 및 라우팅 (Wix Code: About SEO and Routing)

 

 

 

설명)

 

구글 검색엔진 최적화(SEO) 라우터 페이지의 설정은 일반 페이지의 설정과 약간 다릅니다. 여기 윅스(Wix) 페이지에 대한 구글 검색엔진 최적화(SEO)에 대해 알아보십시오.

 

일반 페이지처럼 라우터 페이지의 페이지 제목, 설명 및 소셜 네트워크 이미지를 정의할 수 있습니다. 차이점은 라우터 페이지에는 정적 데이터가 포함되어 있지 않으므로 구글 검색엔진 최적화(SEO) 정보를 동적으로 설정해야하므로 조회시 보유하게될 실제 콘텐츠가 반영된다는 것입니다.

라우터 페이지에 구글 검색엔진 최적화(SEO)를 설정하는 두 부분이 있습니다.

- 페이지에 대해 알기위해 구글(Google)에 메타 태그를 만듭니다.

- 구글(Google)이 페이지를 찾는데 사용할 사이트 맵을 만듭니다.

 

 

메타 태그 (Meta Tags)

라우터의 router( ) 함수를 만들 때 라우터의 페이지에 대한 구글 검색엔진 최적화(SEO) 메타 태그를 설정합니다. 이 함수 내에서 HeadOptions 객체를 만들고 ok( ) 함수를 사용하여 라우팅한 페이지로 전달합니다.

예를 들어, 라우터를 추가할 때 제공되는 샘플 코드에서 다음 코드는 라우터에서 검색한 데이터를 사용하여 HeadOptions 객체를 만들고 이를 myRouter-page라는 페이지에 전달합니다.

 

export function myRouter_Router(request) {

  // retrieve data for the page ...
    
  let seoData = { 
    title: data.title, 
    description: "This is a description of " + data.title + " page",
    noIndex: false,
    metaTags: {
      "og:title": data.title,
      "og:image": data.image
    }
  };
       
  return ok("myRouter-page", data, seoData); 
    
  //...
}

 

 

 

HeadOptions 객체는 router( ) 함수에서 검색한 데이터를 사용하여 관련 값으로 설정할 수 있는 몇 가지 속성을 포함합니다. 제목 및 설명 속성에는 구글 검색엔진 최적화(SEO) 용도로 사용되는 페이지의 제목과 설명이 포함됩니다. 객체에는 페이지 색인을 생성해야하는지 여부를 구글(Google)에 알리는 noIndex 플래그가 포함될 수도 있습니다. 추가 메타 태그는 metaTags 속성에 추가할 수 있습니다.

HeadOptions 객체는 키워드 속성도 포함 할 수 있지만 구글(Google)은 사이트의 키워드를 무시합니다.

 

 

 

 

사이트 맵 (Sitemap)

사이트의 사이트 맵은 구글(Google)이 귀하의 모든 사이트 페이지를 찾는 데 사용하는 사이트 맵입니다. 라우터에 속하지 않은 사이트의 페이지는 사이트의 사이트 맵에 추가됩니다. 그러나 동적으로 다른 모든 버전을 포함하여 라우터를 통해 어떤 페이지를 사용할 수 있는지 완전히 제어할 수 있으므로 라우터 접두사에 연결된 모든 가능한 URL이 포함된 사이트 맵을 만들어 구글(Google)에서 찾을 수 있도록 해야합니다.

라우터의 페이지를 사이트의 사이트 맵에 추가하려면 라우터에 대한 sitemap( ) 함수를 만듭니다. 이 함수 내에서 라우터가 라우팅할 수 있는 각 URL에 대해 WixRouterSitemapEntry 객체를 만듭니다. 각 WixRouterSitemapEntry는 URL, 제목 및 이름과 같은 페이지 정보를 포함합니다. 콘텐츠 변경 빈도, 마지막 변경 사항 및 사이트 내 상대적 우선 순위와 같은 각 페이지에 대한 추가 정보를 추가할 수도 있습니다. 구글(Google)은 사이트 맵 항목을 사용하여 사이트의 모든 페이지를 검색합니다.

 

예를 들어, 라우터를 추가할 때 제공되는 샘플 코드에서 다음 코드는 라우터에서 검색한 데이터를 사용하여 HeadOptions 객체를 만들고 이를 myRouter-page라는 페이지에 전달합니다.

 

export function myRouter_SiteMap(sitemapRequest) {

  //Convert the data to site map entries
  let siteMapEntries = Object.keys(peopleData).map( (name) => {
    const data= peopleData[name];
    let entry = new WixRouterSitemapEntry(name);
    entry.pageName = "myRouter-page";
    entry.url = "/myRouter/" + name ;
    entry.title = data.title;
    return entry;
  } );

  // Wrap in asynchronic Promise
  return Promise.resolve(siteMapEntries);
}

 

 

 

 

사이트 맵이 올바르게 작동하는지 확인하려면 게시된 사이트에서 사이트 맵을 가져올 수 있습니다. 웹 브라우저에서 게시된 사이트의 URL로 이동하여 /sitemap.xml을 추가합니다.

 

 

예를 들어 프리미엄 사이트의 경우 사이트의 게시된 URL은 다음과 같습니다.

 

https://mysite.com

 

이동 :

 

https://mysite.com/sitemap.xml

 

 

 

무료 사이트의 경우 사이트의 게시된 URL은 다음과 같습니다.

 

https://username.wixsite.com/site-name

 

이동 :

 

https://username.wixsite.com/site-name/sitemap.xml

 

 

 

 

 

 

연관된 토픽)

 

 

윅스 홈페이지 만들기 101

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

윅스 (Wix) 홈페이지 만들기 101 - E-Book - Index

 

출처 :

https://support.wix.com/en/article/wix-code-about-seo-and-routing