Web制作

SEO対策/SEM

カテゴリー別の人気記事を表示する方法!WordPress Popular Postsプラグインで

カテゴリー別の人気記事一覧を記事の下に表示する方法を共有します。訪問者が関連記事を見つけやすくして、Googleに対しては内部リンク効果でSEO対策にもなります。今回は初心者にも優しい設置方法です。
WordPressカスタマイズ

【WordPress】英語版を日本語化する4段階の設定方法!mo翻訳ファイル更新方法

英語版など日本語版以外のWordPressをインストールしていたり、誤ってバージョンアップした場合、一部の文章や単語が英語になってしまいます。これらを簡単に日本語化する方法について共有します。
SNS対策/SMO/RSS

SNSソーシャルメディアのシェアボタンが表示されない原因を解明

今回はツイッター、Google+1、Facebookページ、Google+ページのソーシャルボタンが表示されない現象についてです。最近になって急に発生しました。原因は先週書いたあの記事と関係がありました。
SNS対策/SMO/RSS

保存版!SNSソーシャルボタン設置コード一覧まとめ!コピペでOK

記事にソーシャルボタンを設置することは、もはや必須になりつつあります。良い記事はどんどんシェアされます。このブログでもボタンの様々なカスタマイズ方法を共有しました。今回は設置コードをまとめてみました。
SNS対策/SMO/RSS

Google+1ボタンを押せない!Chromeの原因と解決方法

つい先日、Google+1ボタンを押せなかったり、Google+バッジが表示されなかったりする現象が発生しました。調べてみると私のMacBookAirのChromeのみで起こっていました。その原因と対策について共有します。
Webデザイン

jQueryで簡単設置!ページ先頭,トップへ戻るボタンの高機能な設定方法

ブログ画面の右下にページの先頭(トップ)へ戻るボタンを設置しました。フワッと現れ、移動は加速スクロールします。画面幅が狭まると邪魔にならないようフェードアウトします。こんな多機能ボタンの簡単設置方法です。
WordPressカスタマイズ

【WordPress】メディアライブラリ追加の初期設定の変更方法!画像サイズなど

WordPressのブログで写真・画像を追加する時に、メディア・ライブラリから選ぶ場合があります。その初期設定を、配置・リンクなし、フルサイズに固定、classを挿入、画像URLを短くする設定方法を共有します。
Webサイト高速化

CSSスプライト(Spirte)でWebサイトの画像表示を高速化!HTTPリクエストを減らす

CSSスプライトを利用すると表示速度を高速化できます。しかし複数画像を1つにまとめてposition値を取得する作業が大変です。今回はウェブサービスを使って簡単に実現しました。その方法やメリット等について書いてみます。
SNS対策/SMO/RSS

【Web制作】ソーシャルボタン表示を高速化!描画後にフェードイン

ブログの記事の上方に設置しているソーシャルボタンを描画後に表示(フェードイン)するように設定しました。訪問者に描画中を見せるのは美しくないからです。SEO対策になるかは不明ですがGoogleも評価するそうです。
SEO対策/SEM

【WordPress】YARPPプラグインで関連記事一覧を表示!設定方法とSEO対策

WordPressプラグイン「Yet Another Related Posts Plugin」は、ブログ記事やRSSフィード内に関連記事を表示してくれます。表示件数、場所、抜粋の有無、表示順番、囲みタグの編集などが可能です。
WordPressカスタマイズ

【WordPressまとめ】ブログ更新情報を速く伝えるための通知方法

ブログの更新情報を伝える機能には、RSSフィード、Ping送信、Pubsubhubbub、サイトマップなどがあります。Googleウェブマスターツールの使い方も含めて更新通知についてまとめてみました。
Webデザイン

コピペでOK!スムーススクロールでページ内リンクやトップへ移動!#なしで

記事が長い場合、目次やページ先頭「#」へのページ内リンクはとても便利です。しかもスムーズスクロールで移動すれば動きもわかりやすいし気持ち良い。今回はJavaScriptのプラグインを使わずに実現する方法です。
WordPressプラグイン

【WordPress】Newpost Catchのサムネイル付き新着情報から現在記事を除く方法

WordPressプラグイン「Newpost Catch」は最新記事をサムネイル付きで一覧表示できます。前回記事でカテゴリー別に表示する方法を書きました。今回は今読んでいる記事を除く方法を共有します。
WordPressカスタマイズ

【WordPress】パンくずリストをMicrodataでGoogle検索結果に表示方法!プラグイン不要

パンくずリストの設置はブログでは必須です。Google検索結果にも反映され、アクセスアップにもつながります。ブログ訪問者に対してはナビゲーションとして機能します。記事数の表示方法も共有します。
SEO対策/SEM

【WordPress】カテゴリー階層の構造化でSEO対策!取得コードもすっきり

ブログ記事が増えてきたのでSEO対策もかねてカテゴリーを階層化しました。カテゴリーを取得するコードも統一しました。少しですが表示の高速化につながりテーマファイルもシンプルに。統一コードも掲載します。
SEO対策/SEM

【WordPress】同じカテゴリー記事一覧表示!サムネイルなしもSEO対策に

同じカテゴリー記事を一覧で表示するのはGoogleに対してのSEO対策にもなります。ブログ読者にとっても便利なので設置することをオススメします。今回はプラグインなしサムネイル画像なしのシンプルな表示方法を共有します。
SNS対策/SMO/RSS

【WordPress】RSSフィードにサムネイル画像や続きを読むリンクの設置方法

WordPressで作成したブログのRSSフィードには、通常はサムネイルやブログへのリンクがありません。特に抜粋のみを公開している人は「続きを読む」リンクを付けた方が親切だしPVアップも期待できます。
SEO対策/SEM

WordPress Newpost Catchで新着記事一覧!カテゴリ別サムネイルつきで

WordPressプラグイン「Newpost Catch」を使うとサムネイル付きの新着記事一覧を簡単に設置できます。表示件数、サムネイル画像サイズ、投稿日の表示、カテゴリの指定などが可能です。SEO対策にもなります。
Webサイト高速化

WordPressサイト高速化でSEO対策!17の表示速度アップ術

ブログ表示速度の高速化についてはいろいろ書いてきました。今後は表示速度が遅いとGoogleにも評価されなくなるので実質SEO対策にもなります。今回はWordPressに特化した高速化についてまとめてみました。
Webデザイン

【Web制作】人気記事一覧をサイドバー固定して自動追尾する方法

最近よく見かけるブログでのサイドバーの自動追尾(スクロールを固定)。ブログ運営側としてはサイドバーを空白にしなくて良いので効率化をはかれるし、見てほしい記事をアピールできて便利です。その設置方法を解説します。
SNS対策/SMO/RSS

【Webサイト高速化】ソーシャルボタンを1つにまとめるコードを共有するよ

記事の中に複数の同じソーシャルボタンを設置している場合、スクリプトをまとめることによりブログ表示を高速化できます。今回は各ソーシャルボタンも1つのコードに集約したのでリクエスト回数も減り、ファイルもすっきりしました。
SNS対策/SMO/RSS

【WordPress】Tweetilyプラグインで過去記事を自動で定期ツイート投稿

WordPressプラグイン「Tweetily」は過去記事を定期的にTwitterにランダム自動ツイートしてくれます。ツイート間隔、ひと言、ハッシュタグ、記事・カテゴリーの選択、1度のツイート数などを設定できます。機能とインストール・設定方法を解説します。
SEO対策/SEM

WordPress Popular Postsでカテゴリ別サムネイルつき人気記事一覧!SEO対策にも

このブログではプラグイン「Popular Post」でサムネイルつき人気記事の一覧をサイドバーに表示しています。それをカテゴリー別にしました。今回の記事はそのメリットと設置方法についてです。
SEO対策/SEM

【Web制作】カテゴリ・タグの整理と301リダイレクト転送設定でSEO対策

パーマリンクURL変更時だけでなく、カテゴリやタグを整理した後にも301リダイレクト転送設定をすることをおすすめします。今回はその理由と方法についてです。
Webデザイン

【Web制作】見出し・引用・リストのデザインでサイト好感度アップ!人とGoogleに

ブログ記事の中の見出し、リスト、引用などは視覚効果により文章をわかりやすくします。これは人間にとってだけでなくGoogleなどの検索エンジンにとっても内容を解析しやすくします。今回は見出し、リスト、引用の作り方を公開します。
WordPressカスタマイズ

【WordPress】Flickr/Picasa利用者へ!サムネイルやアイキャッチ重複回避方法

ブログに利用するアイキャッチ画像をFlickrやPicasaなどの外部サービスから貼り付けている場合、サムネイルやアイキャッチを重複生成していませんか。今回は気づいていない重複画像を1本化する方法についてです。高速化も期待できます。
Webサイト高速化

【WordPress】ブログ高速化AA達成!6つのW3TotalとCloudFlare併用設定

「W3 Total Cache」はWordPressで作成されたブログの表示速度を高速化できるキャッシュ系プラグインの1つです。今回は他プラグインやスピードアップ対策との併用やスマホ対策などの設定方法を共有したいと思います。
SEO対策/SEM

WordPress Popular Postsでサムネイル画像付き人気記事一覧の表示方法

「WordPress Popular Posts」は記事の下やサイドバーにブログの人気記事の一覧を表示してくれるプラグインです。サムネイル画像、ページビュー数、投稿日などを表示できます。表示件数、ソート順、表示しない記事の変更も可能です。
Webサイト高速化

W3 Total Cacheで1秒台達成!WordPress高速化の設定方法を詳しく解説

「W3 Total Cache」はブログの表示速度を高速化するキャッシュ系のプラグインの中では最も高機能です。今まで紹介した高速化プラグインやCloudFlareとの共存情報なども含めて設定方法を解説したいと思います。長文です。
SEO対策/SEM

PubSubHubbubでブログ更新通知を速く!SEO対策やコピー防止にもなる

WordPressプラグイン「PubSubHubbub」を導入すると、自分のブログ更新情報をすばやく伝えることが可能になります。Googleへのインデックスも速くなるのでSEO効果もありそうです。コピーサイト対策にもなるとか。
SEO対策/SEM

【WordPress】カテゴリ・タグページのタイトルと説明文をカスタマイズ

ブログのカテゴリーやタグの一覧アーカイブページに、固有のタイトルや説明文(meta description)をつける方法を共有します。WordPressで作成したブログは標準ではつけてくれないようです。テーマによりますが。
Webサイト高速化

【WordPress】Regenerate Thumbnailsでアイキャッチのサムネイル再生成!高速化にも貢献

WordPressプラグイン「Regenerate Thumbnails」はアイキャッチ画像のサムネイルのリサイズを簡単に実現できます。ブログの見栄えやテーマを変えたり、関連記事にサムネイルを付けたりした場合に便利です。
SNS対策/SMO/RSS

【WordPress】YARPPプラグインでRSSに関連記事を表示してアクセスアップ

今回はWordPressプラグイン「Yet Another Related Posts Plugin」を利用してRSSに関連記事を表示する方法を共有します。関連記事とは今読んでいる内容に似ている記事のこと。内容が近いので同時に読んでもらえる確率も高いです。
Webサイト高速化

翻訳キャッシュ系プラグイン比較!WordPress日本語版を高速化

CDNサーバーの導入から始まったWordPressブログの高速化も第5弾となります。今回は翻訳キャッシュのプラグイン「001 Prime Strategy Translate Accelerator」と関連する「MO Cache」について共有します。
Webサイト高速化

【WordPress】WP Smush.itで過去画像も圧縮・最適化!サイト高速化プラグイン

ブログの画像ファイル容量を最適化できれば、それだけでブログ表示を高速化できます。今回は「WP Smush.it」というWordPressプラグインを使って、過去記事の画像もまとめて圧縮・最適化する方法を共有します。
Webサイト高速化

DB Cache ReloadedとHyper ResponseプラグインでWordPressブログ高速化

WordPressで作成しているブログの高速化は、キャッシュ系プラグインなどの導入が簡単で効果もすぐ得られるのでおすすめです。今回は「DB Cache Reloaded Fix」と「WP Hyper Response」の高速化プラグインについて共有します。
Webサイト高速化

【Webサイト高速化】SNSソーシャルボタンをあと読み設定する方法とコードを紹介

ソーシャルボタンの読込みには時間も負荷もかかるため表示を後読みにしました。すると体感速度がアップ。今回は表示速度高速化第2弾としてソーシャルボタンの後読みの設定方法について共有したいと思います。
WordPressカスタマイズ

【WordPressまとめ】Webサイトやブログ作成から60日以内にチェックすべき36項目

WordPressでブログを作成・開設してから記事公開までに設定すべき項目があります。その次はアクセスアップのためのSEO対策・リピーター増進策も必要です。そして次のステップへの知っておくべき点までを共有します。
SNS対策/SMO/RSS

【Web制作】FacebookのOGP設定をプラグインなしで設置する方法

ブログをFacebookでいいね!してもらうとシェアされるタイトル、説明文、写真などは適切ですか。今回はWordPressプラグインを使わないOGP設定についてです。WordPress以外のサイトでも応用できますよ。
Webサイト高速化

【Webサイト高速化】無料CDNのCloudFlare設定方法と登録結果を共有

CDNサーバーCloudFlareを用いた高速化は無料で比較的リスクも少なく手順も簡単なので人気です。しかし切替時にはアクセスが不安定になることもあるため導入は早い時期がおすすめです。私も導入したので設定方法などを共有します。
Webデザイン

【Web制作】HTML5タグとCSS3のIE6-8対策方法!FacebookのOGP対応も

ブログやサイトを作成する時に今も悩ましいのがIE(Internet Explorer)など旧タイプのブラウザ対策。特にIE8からはそれなりのアクセスがあるため放置できません。今回はHTML5とCSS3のIE対策について考えてみました。
WordPressカスタマイズ

【WordPress】管理ツールバーのカスタマイズ方法!項目追加や削除など

WordPressの管理画面の上部にでてくる管理ツールバーのカスタマイズ方法を共有します。非表示にするだけでなく、項目を追加・削除することも可能です。今回はプラグインを使わずに設定します。
SNS対策/SMO/RSS

【Web制作】縦型SNSソーシャルボタンの自力設置コード!ツイッター,Facebookなど

SNS(ソーシャルネットワーク)への拡散・登録のための縦型ソーシャルボタンをブログやサイトに設置する方法を共有します。標題以外にGoogle+、はてブ(はてなブックマーク)、Pocketにも対応。
Googleアナリティクス使い方

【WordPress】WPtouchのアナリティクス設定に注意!スマホのアクセス解析が低い理由

WordPressプラグイン「WPtouch」を使えばiPhoneやAndroid等のスマホ対応が簡単です。しかし設定なしではGoogle Analytics/アナリティクスでアクセス解析できないので要注意。今回はその対処方法だけでなくPC版の設定方法も共有します。
Webデザイン

【Web制作】5分で作成!読者をひきつけるアイキャッチやスクショ編集方法

ブログは内容が一番大切ですが、文章を説明するためやイメージしやすいようにアイキャッチ画像や写真などを掲載した方が読者に優しいと思います。今回は私が実践してる画像の簡単な編集・加工方法を共有します。
WordPressカスタマイズ

【WordPress】はじめてのプラグイン作成方法!スマホ対応の内部リンクを共有

昨日はじめてWordPressのショートコード作成方法を記事にしました。まさかその翌日にプラグインを作成することになるとは思ってもなかったです。今回は向上心というよりもスマホ携帯に対応するためです。
WordPressカスタマイズ

【WordPress】はじめてのショートコード作成&設置方法!内部リンク装飾

WordPressのショートコードをはじめて作成しました。思ってたより簡単でした。今回のショートコードは、URLから内部リンクを生成するだけ。タイトル、アイキャッチ画像、ソーシャルボタン付きです。
WordPressテーマ作成

【WordPress】投稿日時をツイッター風の相対表記にするプログラムを共有

WordPressのブログ記事の作成や更新日時を相対表記する方法については4日前に書きました。そして今後の課題としてより人間的な表現に近づけたいと具体例も述べました。するとすぐプログラムを作成してくれた人がいます。
SEO対策/SEM

【WordPress】All in One SEO Packプラグインの設定方法を見直してアクセスアップ

「All in One SEO Pack」はWordPressのSEO対策をさらに効率的に設定できるプラグインです。前回書いた時に見落としてた点を加筆するとともに、現在の設定についても共有します。バージョン2.0.2です。
Webデザイン

【Web制作】カテゴリーとタグの違いと使い分ける4つのルール

ブログ記事のカテゴリーやタグの使い分けはSEO対策のためにも、ブログを開設してなるべく早い時期に決定すべきです。今回は親カテゴリーやタグの違い・分類方法について考えてみたので共有したいと思います。