キャッチコピーは伝えたい事が伝わるように書く 人を惹きつける文章、キャッチコピー 短いほど読むのに時間がかかりませんし、フォントサイズを大きくしても場所も取らず、一行に収められたりするので短いほど良いものだと思ってしまい […]
Web制作スタッフのブログ
特殊文字にご用心(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 […]
HTMLをチェックしてエラー改善
ホームページを構成するHTML 作り込んでいくうちはあまり起こりませんが、付けたし更新していくと時々タグの閉じ忘れや、文法的に推奨されない書き方など・・・様々なエラーが起こります。 そんな時でもブラウザが補完してくれたり […]
instaglamの投稿画像をWebページへ掲載するには
2019年1月30日追記 2020年には埋め込みに使っていたAPIが使えなくなるので、この記事情報では設置ができなくなる可能性があります。 ご了承ください。 この記事にある実装方法では、設置ができない可能性があります。 […]
sitemap.xmlでクローラーにページ構造を知らせよう
sitemap.xmlとは、ウェブサイト内の各ページを表したXML形式のファイル サイトマップという言葉を聞いたことはありますでしょうか。 Webサイト内の全ページへのリンクをひとまとめにして掲載しているページを「サイト […]
時々耳にする「ランディングページ」とは
一つの商品・サービスの販売に特化した一枚のWebページ ランディングページ・・・ホームページとどう違うの?と思いませんか? どちらもインターネット上に掲載されるページなので、本質的には同じものなので混乱します。 そんなラ […]
IEの各バージョンを分岐させる方法
まだまだなくならないIE10以前・・・ Windowsに最初からインストールされているInternet ExplorerことIE 今では最新バージョンの11以前はサポートが終了していますね。 サポートの切れたインターネッ […]
情報の整理をデザインにも取り入れる
皆さんは「整理」得意ですか? ときめき片づけ術とか、断捨離とか、数年前に流行して沢山の本が出版されましたね。ミニマリストも増加しました。 私も持ちすぎているなと思った物をいろいろと捨てたり、譲ったりしました。 特に多かっ […]