全国の栄養士会ウェブサイト作成者の皆様へ ➁山梨県栄養士会ウェブサイトのレシピ大公開!

➁山梨県栄養士会ウェブサイトのレシピ大公開!

カテゴリー「ウェブサイト作成」に該当する記事は、主に「ウェブサイト作成者(特に全国の栄養士会ウェブサイト作成者)」向けの内容となっています。そのため、専門用語を詳細な説明を行わずに用いる場合があります。また、全国の栄養士会によっては、ウェブサイト作成を外部業者に委託している場合もあると思うので、その場合には、これらの情報は参考になりません。何卒、ご了承ください。

なさんこんにちは。「山梨県栄養士会ウェブサイト」の作成担当者です。前回の記事(以下のカテゴリー「ウェブサイト作成」参照)に引き続き、主に「全国の栄養士会ウェブサイト作成者(ウェブサイト作成を業者に委託せずに、副業的に取り組まれている方々)」に向けた、記事を作成しました!

ウェブサイト作成
「ウェブサイト作成」の記事一覧です。

今回の記事では、「山梨県栄養士会ウェブサイトのレシピ」として、当ウェブサイトの作成に利用しているウェブサービスを完全公開しました。様々な試行錯誤を経て現状に至っているため、これらの情報を無料で公開するのは非常に惜しい気持ちもあるのですが、「全国の栄養士会ウェブサイト」のレベルアップ(具体的に言うと、「レスポンシブウェブデザイン」対応サイトの増加等)に少しでも貢献できたらと考え、公開することにしました。なお、今回の記事では、文章量の都合上、各項目の詳細な解説は行っていません。これらについては、今後少しずつ記載していく予定です。本ウェブサイトも、まだまだ課題を多く抱えているため、ぜひご意見やアドバイス等いただけたら幸いです。それでは、始めていきます。

山梨県栄養士会ウェブサイトのレシピ!利用しているウェブサービス大公開

➀レンタルサーバー

wpXクラウド(2018年9月より)
WordPress専用の高速クラウドサービス【wpX(ダブリューピーエックス)クラウド】
wpX(ダブリューピーエックス)は、圧倒的な高速性能を誇るWordPress専用レンタルサーバーです。

WordPressに特化した高速サーバーである「wpXクラウド」のグレードAプラン(月540円)を利用しています。以前利用していたサーバーよりも、若干動作が高速化されたように感じています。「PageSpeed Insights」で調べたサーバー応答時間も、0.1~0.3秒程度短縮されたようです。

➁独自ドメイン

StarDomain(2018年2月より)
スタードメイン - 格安ドメイン取得 580円〜(税抜) 無料レンタルサーバー付き!
スタードメインは、格安の年額料金で40種類以上の独自ドメインの取得が可能です!無料で使えるサーバー機能を搭載!安心してドメインのご利用が可能なICANN公認レジストラです。

自ドメイン「eiyouyamanashi.jp」の管理には、「StarDomain」を用いています。2018年10月現在の更新料は、年2,548円となっており、競合他社と比べても、比較的安価に、jpドメインを維持することができていると思います。

➂コンテンツ管理システム

WordPress
日本語
WordPress 日本語ローカルサイトブログ

WordPressとは、簡単に説明すると、「ブログの運営を楽にするための無料のソフトウェア」のことです。ブログ以外にも、当サイトのようなウェブサイトも作成することができます。WordPressに関しては、以下のサルワカ氏の記事に分かりやすく解説されています。

WordPressとは?初心者でも分かるように仕組みを図解
「WordPress(ワードプレス)とは何か」について図とイラストを用いながら解説しました。ブログが作られるまでの流れも初心者の方でも分かるようにまとめています。

無料テーマやプラグインも豊富で、一般的なブログサービスよりも、拡張性に優れています。全国の栄養士会ウェブサイトの中にも、WordPressを用いて作られているサイトが複数あります(↓以下は一部)。

公益社団法人 秋田県栄養士会
公益社団法人 秋田県栄養士会は県民の健康増進及び栄養改善に関する知識の普及を行い、併せて管理栄養士・栄養士の資質の向上を図り、もって県民の健康及び福祉の増進に寄与することを目的とします。
岐阜県栄養士会 | 岐阜県栄養士会の管理栄養士・栄養士に相談しましょう
岐阜病態栄養研究会より開催の案内がありましたのでお知らせします。
公益社団法人 香川県栄養士会
香川県栄養士会の公式ホームページです。生涯学習、年間計画等掲載しています。

➃WordPress 利用テーマ

Cocoon[作成者:わいひら 氏](2018年8月より)
Cocoon
SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100%GPLテーマです。

WordPressでは、テーマを変更することでウェブサイトの見た目を簡単に一新することができます。本サイトでは、非常に質の高い無料テーマである、わいひら氏が作成されている「Cocoon」というテーマを用いています。2018年10月現在、北海道栄養士会ウェブサイトも同じテーマを使用されています。見ていただくとわかるように、同じテーマを用いていても、カスタマイズによって全く違うウェブデザインとなります

公益社団法人北海道栄養士会
北海道栄養士会ウェブサイト トップページ

なお、2018年2月~8月までは、同じくわいひら氏が作成されている「Simplicity2」というテーマを使用していました。初期デザインはシンプルですが、アレンジがしやすく、こちらも質の高い無料テーマでした。

Simplicity
内部SEO施策済みのシンプルな無料Wordpressテーマを公開しています。初心者でも出来る限り分かりやすく使えるように作成しました。

➄解析サービス等

覧数の多いページやよく検索されるワード等から、今後の更新方針の示唆を得るため、「Googleアナリティクス」や「Google Search Console」による分析を行ってます。「PageSpeed Insights」「Nibbler」については、前回の記事で簡単に触れました。これら2つに加え、「GTmetrix」からも、ページ表示速度の高速化に関する情報を得ています。

全国の栄養士会ウェブサイト作成者の皆様へ ➀まずはウェブサイトの現状認識から!
【全国の栄養士会ウェブサイト作成者の皆様へ ➀まずはウェブサイトの現状認識から!|更新情報|山梨県栄養士会】
Googleアナリティクス
Analytics Tools & Solutions for Your Business - Google Analytics
Google Analytics gives you the tools you need to better understand your customers. You can then use those business insights to take action, such as improving yo...
Google Search Console(モバイルフレンドリーテスト,AMPテスト含む)
Google Search Console
PageSpeed Insights[Google LLC]
PageSpeed Insights
Nibbler[Silktide Ltd.]
Nibbler - Test any website
Free tool for testing how good your website is, and what you can do to improve it. Check accessibility, SEO, social media, compliance and more.
GTmetrix[GT.net]
GTmetrix | Website Speed and Performance Optimization
GTmetrix is a free tool that analyzes your page's speed performance. Using PageSpeed and YSlow, GTmetrix generates scores for your pages and offers actionable ...

➅WEBフォント

FONTPLUS[ソフトバンク・テクノロジー株式会社]
サービス概要 | FONTPLUS
FONTPLUS(フォントプラス)は、バラエティ豊かなプロ向けのフォントが使えるWebフォント・サービスです。

サイトでは、読みやすさの向上と誤読防止に配慮して、各ページのフォントを「ユニバーサルデザイン(UD)フォント」で表示するように設定しています。サービス利用料がやや高価(最も安価な設定で月1,080円[10万PVまで])なのが少しネックですが、導入のメリットも大きいと感じています。UDフォントに関しては、以下の「モリサワ」のページに掲載されています。

UD書体の比較研究報告 | UD書体 | モリサワのフォント
モリサワのフォント UD書体「UD書体の比較研究報告」元となった書体や同カテゴリの書体と比較した時の読みやすさ、判別のしやすさに関するエビデンス(学術的研究結果)をご紹介します。

UDフォントは設定できませんが、WEBフォントを体験してみたい方は、「Google Fonts + 日本語早期アクセス」を利用してみてはいかがでしょうか?「Noto Sans Japanese」はとても美しく、読みやすいフォントだと思います。

Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access
As Google makes progress on supporting Japanese web typography, we invite designers and developers to experiment with these Japanese web fonts now available fro...

➆SNS

新着記事の更新をお知らせするため、有名SNSの「Twitter」と「Facebook」を用いています。

Twitter
Twitterへようこそ
Facebook
Facebook - ログインまたは登録
Facebookアカウントを作成するか、ログインしてください。友達や家族と写真や動画、近況をシェアしたり、メッセージをやり取りしましょう。

➇画像やイラスト

に、新着記事のサムネイル画像作成時に、以下のサイトを用いています。「PIXTA」の定額制プランは、これまで紹介してきたサービスの中で最も高価(月6,264円[10点まで])ですが、使いやすい優良素材が揃っているように感じています。「PAKUTASO」と「いらすとや」は非常に質が高いフリー素材のため、これだけでも十分すぎるところですが、インターネット上以外にも様々な所で使用されているため、どこかPAKUTASO感や、いらすとや感が漏れ出ている、既視感のある画像・イラストも増えつつあります(あえて親近感アップを狙って、そこを出していくという戦略もあるとは思います)。他サイトと差別化を図るという意味でも、「PIXTA」の画像・イラストは有用であると考えています。

PIXTA
写真素材・ストックフォト - 画像素材ならPIXTA(ピクスタ)
ピクスタなら3,700万点以上の高品質の画像素材(写真やイラスト)を定額制プランなら最安1点39円から購入可能!ロイヤリティフリーだから何度でもご利用いただけます。無料のフリー画像も毎週更新!
pakutaso
ぱくたそ-フリー素材・無料写真ダウンロード
ぱくたそは、「使って楽しい!見て楽しい」をキャッチコピーに19864枚のフリー素材を無料で配布しています。会員登録なしでダウンロード可能、高品質/高解像度の写真です。
いらすとや
かわいいフリー素材集
いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。

まとめ

記事はいかがだったでしょうか?これらのウェブサービスの中で、最もおすすめできると考えているのが「WordPress」です。紹介した「Cocoon」のようなテーマを用いれば、htmlとcssの詳細な知識がなくても、前記事で紹介した「レスポンシブウェブデザイン」のサイトを作ることができます。そして、基本的にブログ形式で記事を作成することができるので、慣れてしまえば、更新の手間もそれほど大きくありません。何より、利用者が非常に多いことから、「WordPress」に関する大抵の疑問は「Google」検索で解決することができるというのも、大きなメリットです。今後は、「WordPress」や今回紹介したウェブサービス、また、本稿では掲載していない「WordPress」のプラグインに関して、より詳細な記事を掲載していく予定です。
 今後も、1~2ヶ月に1記事程度のペースで、全国の栄養士会ウェブサイトの更なる質向上につながるような情報を掲載していきます。本業次第で、更新ペースが大幅に遅れる可能性もありますが、何卒、よろしくお願いいたします。最後までお読みいただき、ありがとうございました。

ウェブデザイン等へのご意見・ご要望

当ページの内容や、ウェブデザインに関するご意見・ご要望等は、以下のメールアドレスにお願いいたします。その他の事項は、山梨県栄養士会事務局までお問い合わせ下さい。
山梨県栄養士会Web担当 [email protected]