ショップデザインのカスタマイズ 実店舗でも飾り付けや商品の陳列など、お店独自の雰囲気を上手く引き出しています。 ネットのショッピングモールだからといっても売っている商品や、扱っている商品の雰囲気(テイスト)に合わせてショ […]
Web制作スタッフのブログ
検索で上位表示を狙う時に気を付けたい事
なかなか上位に上がらない・・・検索対策しなきゃ!は間違い? Yahoo!やGoogleの検索サービスでなかなか上位に上がらないと困ってはいませんか? もし1番に表示されれば見てもらえるのに・・・と思いますよね。 確かにそ […]
httpsの不思議と検索順位との関係
httpsは暗号化された通信でやり取りしている状態 ブラウザを通してインターネットに繋いで、ホームページを見ますよね。 その時に通常は「http(Hyper Text Transfer Protocol ハイパー・テキス […]
印刷物とWebページの決定的な違い
Webページも紙面も同じグラフィックデザインですし、紙面と同じ感覚でデザインしてしまいがちですが、それではうまくいきません。 紙面の場合は印刷をしてしまえば表示が崩れてしまうことはありません。 印刷後に写真を差し替えたい […]
機器のアップデート(更新)の重要性
パソコンを使っていると、時々アップデートが入りますよね。 スマートフォンを使っていても同様で、機械本体の更新や、インストールしているアプリの更新がしょっちゅう入ります。 特にパソコンの場合だと、終了したタイミングで自動更 […]
ウィンドウ幅を狭めると背景が切れてしまう現象について
どうして?背景が途切れてしまう現象の解決法 作成したホームページをブラウザで表示させて、ウィンドウ幅を狭めてみてください。 横スクロールが出る状態になったら、今度は右へ移動させてみてください。 ・・・bodyなどに設定し […]
キャッチコピーは短ければ良いというのは間違いです
キャッチコピーは伝えたい事が伝わるように書く 人を惹きつける文章、キャッチコピー 短いほど読むのに時間がかかりませんし、フォントサイズを大きくしても場所も取らず、一行に収められたりするので短いほど良いものだと思ってしまい […]
特殊文字にご用心(Yahoo!ショップの場合)
特殊文字の使用には注意! 平方メートル(㎡)とか立方メートル(㎥)、上付き下付き文字(²・³)は結構利用頻度が高いと思います。 商品説明やスペックの掲載に使いたくなるこれら […]
google翻訳の文言について
便利なGoogle翻訳 Googleが提供している翻訳機能はとても便利ですね。 文章の表現に関する精度はともかく、読める文章に翻訳してくれます。 Googleが提供している翻訳サービスで「ウェブサイト翻訳ツール(http […]
Yahoo!ショッピングの商品登録について
Yahoo!ショッピングへのストア出店が無料になってしばらく経ちます。 Yahoo!ショッピング(https://business-ec.yahoo.co.jp/shopping/) 「今使っているカートの他に立ち上げよ […]
スマートフォンの電話番号リンクについて
便利?電話番号にリンクが付く スマートフォンでホームページを見ると電話番号にリンクが付きますね。そのままタップすれば電話をかけることができるので、便利な機能です。 この機能はスマートフォンのブラウザが、電話番号と思われる […]
レスポンシブWEBデザインでも簡単に印刷対応する
スマートフォンファーストで作ると印刷対応が難しい レスポンシブWEBデザインで作られたページの場合、画面幅によってCSSを切り替えます。 普通にブラウザで閲覧するには問題になりませんが、印刷する時・・・この時には思い通り […]
類似ページを検索エンジンに伝え、正しい評価をしてもらう
類似ページについて スマートフォン用にページを作った場合、PC様とスマートフォン用、二つのページが存在し、互いに掲載内容がほぼ同じになります。 同じWebサイトですので違うのはCSSや読み込ませる画像程度で、コンテンツま […]
目立たせたいという理由から赤を使う前に
目立たせる手段は他にもある ココを赤くして——–という事を時々聞きます。 そのまま赤くしてみても、なんだか違和感が出たり、全体の雰囲気に合わなかったり・・・ そういう事ってよくあります […]
リンクチェックをしてページの不具合を見つけよう
見つけにくいリンクエラー ホームページを作っていくと、CSSのリンク・JavaScriptのリンク・画像リンク・他ページとのリンク・・・ 様々なものを読み込ませて構築していきますよね。 今の時代、HTMLひとつだけで簡潔 […]
スマートフォンでの明朝体について
OSによってインストールされている書体が違う ページの雰囲気に合わせて書体を選びたいですよね。 CSSを使って、書体を変える事ができますので、色々な書体を指定できます。 但し機械にインストールされている書体しか使えません […]
読みやすい文章作成
一行の文字数を見直してみる なんだか読みにくいなぁ・・・という文章はありませんか? 行間が詰まりすぎている、文法がおかしい、文字サイズが小さすぎる・・・そういう理由もありますが、他にも要因があるかもしれません。 それは「 […]
とっても便利な「box-sizing」
paddingやborderを付けた時の要素幅指定について paddingとかborderって意外と厄介ですよね。 例えば横幅500pxのボックスを用意します。 そこにpadding:50px;とborder:5px s […]