rails의 슈퍼 유명 gem인 gretel에서 buoys로 갈아타고 있습니다.

rails의 말없이 알려진 빵 부스러기의 gem인, gretel입니다만 현시점(2020/04/08)에서는 data-vocabulary.org를 이용하고 있기 때문에
schema.org를 이용하고 있는 buoys에 라이브러리를 환승했습니다.

환승 방법은 페이지 하단에 기재.

rails 의 gretel 도 그중 대응될 것 같습니다.

현시점에서는 대응되고 있지 않습니다만.
그레텔의 포크 앞에서 PR이 만들어진 대응할 전망은 있다고 생각합니다.

issue의 분들도 대응할 예정은 있으면 코멘트가 있네요.
htps : // 기주 b. 코 m / ぃ l 헛 l / g 라 l / 이스에 s / 16

그래서 지금은 당황해서 대응하지 않고 원숭이 패치로 대응하는 것도 좋을까 생각됩니다.

@yamitake@github 선생님의 기사가 참고가 됩니다
htps : // 코 m / 야미 타케 @ gi te b / ms / 96 A0b0 A9036 A345 d62

배경은 Google 사양 변경

Google은 2020 년 4 월 6 일 이후 data-vocabulary.org를 검색 결과의 풍부한 결과를 벗어나기로 결정했습니다.

검색 순위에 영향을 준다는 정보는 본 적 없는 것 같습니다.
또, 페이지로서도 계속 유효하다고 하는 설명이 있었습니다.

Google로부터의 메일에는 「검색 결과로의 표시에 영향이 있는 경우가 있습니다.」라고 있는 대로, 어디까지나 표시에 영향이 나오는 것 같습니다.

하지만 검색결과의 표시에 영향을 미치면 클릭률에도 영향을 미칠 수 있으므로 일찍 대응하는 것이 좋습니다.

해당 이점

Google 검색결과에 계속 리치 스니펫 표시할 수 있다.
일치하지 않으면 리치 스 니펫이 사라집니다.

buoys는 gretel과 호환되는 gem

명시적으로 호환성이 있다고는 말하고 있지 않습니다만, 매우 비슷하기 때문에 이후가 편합니다.

필요한 작업은 두

gem install

초기화 명령을 친다

파일 이름 다시 쓰기

이것만으로 끝납니다.

Gemfile에 추가

Gemfile

gem 'buoys'

bundle_install

bundle install

초기화 명령

초기화 명령

bin/rails g buoys:install

이런 파일이 태어나므로, 빵 부스러기를 설치하고 있던 부분에서 이것을 읽어 주세요.

app/views/breadcrumbs/_buoys.html.erb

<% if buoys.any? %>
  <ol itemscope itemtype='http://schema.org/BreadcrumbList' class='breadcrumb'>
    <% buoys.each.with_index(1) do |link, i| %>
      <li itemprop='itemListElement' itemscope itemtype='http://schema.org/ListItem'>
        <%# if `link.current?` is true, link.options includes {class: 'current'}. %>
        <% if link.current? %>
          <span itemprop='name'><%= link.text %></span>
          <meta itemprop='position' content='<%= i %>' />
        <% else %>
          <%= link_to link.url, link.options.merge(itemprop: :item) do %>
            <span itemprop='name'><%= link.text %></span>
          <% end %>
          <meta itemprop='position' content='<%= i %>' />
        <% end %>
      </li>
    <% end %>
  </ol>
<% end %>

gretel의 로딩 부분

== breadcrumbs(semantic: true, separator: nil)

이런 느낌으로 변경

= render('breadcrumbs/buoys')

파일 이동

빵 부스러기의 설정 파일을 이동합니다(내용의 변경은 불필요합니다)

config/breadcrumbs/article/hoge.rb → config/buoys/article/hoge.rb

끝

스타일 무너짐이 있으면 CSS의 클래스 이름 등을 조정하여 완성됩니다.
하루가 있으면 마이그레이션 할 수 있습니다.