Shopifyのトップページのブログ一覧に抜粋を表示する方法。(OS2.0 Dawn)

shopifyをご利用中の方にも、またこれからshopifyの利用を検討している方にもぜひ活用していただきたいのがブログ機能。

SEO対策にもなりますし、潜在的な顧客をサイトに誘導できる可能性がありますからね。運営は大変かもしれませんが、ポテンシャルが高いとも言えるので、ちょっと頑張ってみましょう。

既にshopifyのブログも利用してサイトを運営しているなら、ブログ一覧ページやトップページにブログを一覧表示させているかと思いますが、当然ながらキレイに表示させたいですよね?

これがテーマによって設定方法がバラバラでしたので、画像のサイズや抜粋文をブログ一覧にキレイに並べるにはどうしたら良いのか?を検証してみました。

ブログの抜粋文の設定方法。

まずは先にブログ記事の抜粋の文章の設定をしてみましょう。

管理画面→オンラインストア→ブログ記事

で一覧表示される記事から1つ選択します。

え?まだ1記事も書いてない?その場合はまずは1記事書いてくださいませ。

shopifyブログの書き方はShopifyでもCMS!ブログ機能を活用しよう!良い書き方と設定方法。を参考にしてください。

ShopifyでもCMS!ブログ機能を活用しよう!良い書き方と設定方法。
ShopifyはCMS機能によってブログの運営も可能です。 近年はメディアコマースも増えてきていて、ECサイトにもブログ記事を掲載しているサイトも普通ですね。 ブログを活用することには様々なメリットがありますので、Sho...

この記事にも書いてありますが、抜粋を設定するのはエディターの下の方にあります。

SEOの設定の方の説明文はあくまで検索結果に表示させる文章の設定なので、自分のサイト内で表示させたい抜粋文は抜粋の方に設定してください。

要するにこの文章がブログ一覧に表示される文章なので、全ての記事で文字数を揃えておくと、キレイに表示されるようになる訳ですね。

テーマによるブログ一覧の表示の違い。

そもそもどうしてこんな記事を書いているかと言いますと、以前は初めてのshopifyサイトの制作で主流だったテーマのDebut。このテーマの場合は、抜粋を設定しなくても一覧に表示される記事の文章の文字数は自動で150文字程度の表示に統一されていたんですね。

Debutのトップページのブログ記事セクションの表示↓

ところが、OS2.0になってからの基本テーマのDawnの場合はこちら。

左の2記事は抜粋を設定していて、右の1記事は抜粋の設定をしていません。すると画像より下までズラ〜っと、なんと全文表示されてしまうんですね…

どうしてこんな仕様なのかはわかりませんが、Dawnを利用していてブログを書いている場合には、抜粋の設定は必須になりました。

このようにテーマによって表示方法に違いがあるんですね。

他のテーマのトップページのブログ記事の表示も見てみると、

Sence

抜粋設定していない記事は全文表示ですね。

Brooklyn

このテーマは記事の本文は表示されないですね。タイトルだけ表示されて「続きを読む」が表示される仕様です。

Parallax

有料テーマのParallaxの場合は、抜粋を設定したブログ記事のみがブログ一覧に抜粋が表示され、抜粋を設定していない記事は本文は非表示。

OS2.0は抜粋の設定が必須?

どうやら古いテーマの方が自動で抜粋文が表示される傾向があるみたいですが、Dawnをはじめとした現行のOS2.0の無料テーマでは抜粋の設定が必須のようですね。

有料テーマはテーマによるので、表示を確認した方が良いでしょう。

トップページのブログ記事セクションの一覧表示について検証してきましたが、これはブログ一覧ページでも同じです。

抜粋が自動で表示されるテーマ、設定しないと全文が表示されるテーマ、表示されないテーマがあります。

テーマによってかなり表示方法にバラつきがあるのて、いずれにしても記事の抜粋文は文字数を統一して設定しておいた方が、ブログ一覧がキレイに表示されそうですね。

まとめ。

shopifyには標準でブログが付いていますが、ECサイトのプラットフォームの中でも、無料の機能としてブログの作成ができるサービスは実はあまりありません。

ここもshopifyを選ぶ時の大きなメリットである事は間違いないですし、ブログには様々なメリットがあります。

特に、SEO対策をしようと思った時にはブログは必要不可欠です。

shopifyなら同一のドメインで無料で簡単にブログが始められますので、有益な記事を積み上げてサイト価値が高めていきましょう!

そして一覧をキレイに表示する事も、訪れた人がサイトに留まってくれるかどうかの大切な要素でもあります。

shopifyを利用してブログをしっかりと活用していきましょうね。

コメント