Dreamweaver CS6にGoogle Sitemap Generator 2をインストールには・・DMXzone Extension Manager

Dreamweaver CS6にGoogle Sitemap Generator 2をインストールがようやくできました。CS3でGoogle Sitemap Generatorをインストールするのは簡単にできたのですが、Dreamweaver CS6にGoogbSitemap Generator 2をインストールがなかなかできず、web検索でも、ヒットしなかったので、その備忘録です。

＜結論＞Dreamweaver CS6にGoogle Sitemap Generator 2をインストールする方法

1. DMXzone Extension Managerをダウンロードして、インストール

url: http://www.dmxzone.com/go/22670/dmxzone-extension-manager-for-dreamweaver/

2. Google Sitemap Generator 2をダウンロード

Google Sitemap Generator 2のサイトを開き、GoogleSitemap-2.1.0.mxpファイルをダウンロードして、保存。すでにGoogleSitemap-2.1.0.mxpファイルを取得している方は、ここはスキップ。

url: http://www.dmxzone.com/go/10538/google-sitemap-generator-2#history

3.スタートからDMXzone Extension Managerを起動

4.GoogleSitemap-2.1.0.mxpファイルを取り込み。

DMXzone Extension Managerの右上の「フォルダー」マークでGoogleSitemap-2.1.0.mxpファイルを取り込む。取り込むと「四角に↓」マークに変わる。

5.DMXzone Extension Manager　からのインストールで、Dreamweaver CS6拡張完了

DMXzone Extension Managerの下左の「instailed」マークを押して、完了。

 

 Dreamweaver CS6の上の「DMXzone」タブにGoogle Sitemap Generator 2のマークが現れる。 

Google Sitemap Generator 2のマークを押すと、無事起動。 

ついでにdmxUpdater-1.7.1もインストール。

＜できなかった様子＞DMXzone Extension Managerを使わないとこんな感じでできない。

1.Dreamweaver CS6もExtention Managerから、

2.GoogleSitemap-2.1.0.mxpファイルに直接アタッチ。

 3.エラー！できない！！

 4. dmxUpdater-1.7.1.mxpを試す。

 5.これはできそう。

 6.Dreamweaver CS6でも、dmxUpdater-1.7.1.mxpは確認できた。

それで、どうしようってこと。

＜結論は＞Dreamweaver CS6にGoogle Sitemap Generator 2をインストールには・・DMXzone Extension Managerを使う！

フェースブックいいね！ボタンのURLを自動抽出

「フェースブックいいね！ボタン」を入れていましたが、実は、よくわからなくて、リンクされるURLが、サイトの作品ページのトップに固定されていました。

サイトを検索すると「URL to Like」には、サイトのアドレスを入力する！！なんて解説のものが多い。
そして、「フェースブックいいね　ボタン　URL　自動抽出」なんて検索すると、コードをiframeに選択し、さらに、あるジャバスクリプトを利用して、URLを書き込むなんて、のもある。
でも、これをやると、いいねボタンを押すことができるだけで、コメントを書き込む小窓が出てこないし、SendButtunも選択できないよ！

Dreamweaverの機能で解決しようとしたけど、それも無理。

全部、書き込み？なんて、途方にくれていると

http://memorva.jp/memo/api/facebook_like_recommend_button.php

このページを見つけ、
「URLを指定しない場合、iframeでは無効（ボタンが機能しない）、XFBMLではボタンが表示されているページのURLが自動的に設定される。」を発見！！目からうろこ。

http://developers.facebook.com/docs/reference/plugins/like/

このフェースブックの公式ボタン作成サイトを改めてみると。

Attributes

• href - the URL to like. The XFBML version defaults to the current page. 

なんと、「URLを書き込まなければ(空白にすれば)、デフォルトで、自動的に表示ページのURLになるのではないか！！」

実際それで、成功！！

ちなみにコードHTML5を選択しても、デフォルトは自動的に表示ページのURLでした。

で、フェースブックの公式ボタン作成サイトの前段の英語を、英語力の乏しい中で、ざっと読んでみると、XFBMLのコードのほうが、なにやら、新しいような・・感じ。

なので、XFBMLのコードで書き込み、一件落着・・でした。

最近こうなって、Webの上位になってないのかな？
プロは常識？素人は大変なのです・・素人Webけものみち・・です！！

DreamweaverCS6アップグレード版を購入

Dreamweaver８から初めて、CS3でSpryを使った動的サイトを作れるとかいって、「本業でなければこれまでよ！」なーんて、考えていて、結構満足していました。

CS3は、Spryを使った動的サイトが簡単に作れる！って言うのを売りにしていた。一覧領域と詳細領域があって、一覧のあるタイトルををクリックすると同じページの詳細部分に詳細内容が表示されるってやつ。このページともうひとつもデータファイルxmlがリンクしていて、リンクされてデータが指定の部分に表示されるってわけだ。

まあ、これが面倒くさい。結局、Webで、調べて使えそうな事例を、自分なりに分析して、一部コードを改造して、ようやくこぎつけた。

http://www.tarch.jp/work/

http://www.tarch.jp/work/h.html

http://www.tarch.jp/work/a.html

こんなやつだ。

なので、もとの参考サイトや、Adobeのデータなどを見ていると、参考にしていたのが、ほとんどアクセスできなかったりする。

少し調べると、この機能はいまや、売りでなかった！！？？感じで、・・・面倒すぎと、見栄えの割には動的サイトはSEO対策も不利らしいから・・・

その代わり、新しい製品CS6では、もっと容易に、なっているようで・・。

さらに、モバイルにも対応する機能が付け加わっていそうだし・・。

コマンドのレイアウトも随分変わっているようだ。

さらに、製品の価格なんかを見ていると、CS６のアップグレードは、CS3まで！ではないか。

次のバージョンからは製品を購入しなきゃならないかも。

考えてみれば、CS3から随分月日もたった。

PCもWindows7/64bitに改造して、HDDも増設したし・・ここら辺が潮時。

ということで、アップグレード版を購入しました。

ヨドバシカメラで購入しましたが、アマゾンと同じくらいだったと思います。

可変グリッドレイアウトなどの新しい機能をこれから、ぼちぼち、試したいと思ってます。

CS3からのアップグレード版 製品版

Google Sitemap Generatorで全てのファイルが読み込めない？できた成功ホッとする

前の投稿でホームページのナビゲーション変更をしたことを書きましたが、最後のSitemapの作成 に、一苦労してしまいました。

Sitemapの作成に私は、Google Sitemap Generator 2(free extension、フリーソフト)を使っています。これはドリームウィーバー(Dreamweaver)上で無料で使えるSitemapの作成ソフトです。
ネット上で調べると、これがよく解説されています。

ところでこれ、私の経験では、確か1000ページを越えた辺りから、「Out of memory」が表示され、最後まで遂行されずに、フリーズしてしまいます。
そこで、いくつかにファイルを分割して、いくつかのSitemap.xmlを作って、それをドリームウィーバー(Dreamweaver)上で、いくつかのSitemap.xmlを合体させて作っていました。

今回、最新バージョンやってみると、Google Sitemap Generator2.0.2でやってみると、どうも全てのファイルが読み込めていない。昨日やったら900ファイル程度しか、認識できていない。
やり方は、Home Pageのトップindex.htmlを設定し、”AutoDiscover”ボタンで一発で、読み込めるはずなのだが・・・
分割したファイルで、読み込めないファイルのばらつきも結構あるのだ。以前は、分割してファイルのサイズを小さくすれば、 ”AutoDiscover”ボタンで一発で、できた記憶があるのであるが・・・できない。

ついでに、ひょっとして、バージョンアップで、全ファイル一発でできるかと思いチャレンジしたが、あえなく、95％行ったところで「Out of memory」で、フリーズ。

ところで、Freeソフトで、いいのがないものかと、Vectorで検索して、実行したら、5000ページまでOKという、うたい文句でしたが、せいぜい１００ページほどしか認識できず、ひどい結果に!!

（Google Sitemap Generator使用方法のビデオからキャプチャーコピー↑）

あきらめも半ば、もう一度Google Sitemap Generator 2(free extension、フリーソフト)のサイト真ん中の使用方法のビデオを見たら、手動で認識する方法もあるらしい。"import a whole folder"（フォルダーを選択して、フォルダー内のファイルを一括認識）を使って、手動で、認識させ、最後は、下の"Generate"で全ファイルを無事認識できました。

結局、500ファイルぐらいずつの3つに分割されているのが確認され、Sitemap.xmlをアップロード。

googleウェブマスターツールで、その Sitemap の登録ページを確認したところ、1622ページでした。
無事、完了！！・・結構な時間をかけて・・トホホ。

（追記）
Google Sitemap Generatorについては、私のホームページ建築住宅BIM3D設計innovation

高橋建築研究所・一級設計事務所| 建築家・高橋寛の・・・>Web制作>Sitemap、文字数カウントも参考にしてください。

高橋建築研究所・一級設計事務所ホームページナビゲーション更新

会社のHP建築住宅BIM3D設計innovation高橋建築研究所・一級設計事務所| 建築家・高橋寛の建築作品紹介のナビゲーションを改良しました。

マイベストプロの方と話していて、はたと気づきました。「このナビゲーションは、僕しか理解できない見にくいものではないか」と。
私なりに、ビラミッド状に階層をなして構成していたのであるが、他の人から見ると、どこにどんな作品があるのか全然わからないのではないかと言うことです。

また、ファイルが5重になって、用は5回リンクしないとたどり着けない。SEO上不利だとわかっていたのであるが、複数のキーワードをねらって、こんな形にしたのであった。しかし、めざすキーワードも思うようにゲットできず、ただ複雑となって、１回の訪問で、見るページも少ない。

以前、ホームページビルダーで、数十ページのときは、結構枚数を見てくれてのに、この形式となってからは、なかなか奥に入る人はいないようだ。
途中、作品のトップにSpryを導入して、改善したつもりであったが、効果もそれほどではない。
ファイルの位置が奥過ぎるのと、Spryのナビゲーションページの後の階層が複雑すぎるのがあるのではないかと思った。

そこで、

1. Spryを大幅に利用し、ナビゲーションを改善すること。
2. ファイルの位置を浅くすること。

を目的に、ナビゲーションとファイル位置を変更しました。

ファイル位置を変更は、どれほど影響があるか素人の私にはわかりませんが、とりあえず・・・いい結果になるといいな。ああ、でも当分ページが認識されず、アクセスは落ちるのだろうな・・と思ったり。

それと、前回今の形にHPのデザインを変更したときには、もうHPレイアウトの変更はしないで、内容を充実しようとおもっって、２年ばかりほっといたのですが、やっぱり気になっていじってしまいました。
これって、結構時間がかかるんですよね。今回は、Spryをいじったのもあるけど、ブレッドクラム（ページ名＞ページ名＞ページ名）を直すのもたいへんでした。ドリームウィーバー(Dreamweaver)のテンプレートプロパティーを利用して一部自動化してはいるものの、当該の全頁に手を入れなきゃ、いけなかったりして・・トホホ・・・

さあ、これから、また内容の充実にがんばろう！っと。

(追記）
Spryに興味のあり方は、こちらに私の経験をまとめています。

ホーム>BIM3D設計innovationとは> 実践BIM3D設計PC環境>使用PCソフト> Web制作> Spry、Ajax,JavaScript  

ホームページビルダー16：ソフト

ドリームウィーバーCS5.5(Dreamweaver CS5.5)：ソフト Windows

Spry（Ajaxフレームワーク）を使用

仕事のHPで「Spry（Ajaxフレームワーク）を使用」して、アクセスの改善を図りました。

随分、カテゴリーを分割す過ぎて、階層が深くなりすぎ。

わかりにくくて、ページを数多く見てくれないような感じがしていたので、思い切って、改良。

ウーン、「DreamweaverでSpry（Ajaxフレームワーク）」ってなんだか、よくわからないけど、見ようみまねでつくりました。

参考にしたのは、

Dreamweaverデベロッパーセンターの

Using XML

Spry（Ajaxフレームワーク）の使用

さらに、フォトがラリーは、特に、わからなかったので、

Building a photo album with the Spry framework

から、サンプルファイルを、ほぼそのまま、貼り付けて、つくっちゃいました。

是非、見てくださいね。

http://www.tarch.jp/work/

です。

AlexaのRelatedランク

AlexaのRelatedランクでもで、少しいい傾向が！

Top > World > Japanese > ビジネス > 建設・土木 > 一般建築・施設 > デザイン・設計 > 東京

このカテゴリでは、no5!.

今日はno2!!になっています。

Top > World > Japanese > ビジネス > 建設・土木 > 一般建築・施設 > デザイン・設計

東京じゃなくて、全国でも、１１番目です。

周辺には、目標としてきたサイトもいるので、とりあえずSEO対策は、功を奏しているといえるかな。

しかし、僕のサイトの反応は、いまいちって感じがします。

これは、サイトの中身が悪いって事?　それとも、インターネットって、こんなもんてこと?　Alexaは、参考にならないってこと?

悩みは続きます。

うーん、でも、インターネットで、反響も多いところもあるって聞くから、もう少しがんばります。

建築住宅設計innovation|建築家・高橋寛Yahoo!カテゴリ「建築家」人気ランク５

ページを増やしてきたので、少しはSEO対策が功を奏してきたようです。

yahoo!カテゴリで、

芸術・人文＞建築＞建築家

で、人気別ランク6番です。

一番が丹下健三大先生でしょ。その下、5番目につけているから、できすぎかも。

ちなみに、写真は少し古くて、2番が荒川修作、それから、横川健、五十嵐淳、5番目が僕だー!、それから、梵寿鋼、石山修武、山口誠、芦原義信、です。大御所、気鋭の建築家の中に、このような僕が入ってます。

既成の建築オーソリティーが、付けるランクじゃないからね。こっちは、実は、それが僕にとってはありがたいところ。

しかーし、これで仕事に結びつく?それが微妙なところ。

もう踏ん張りだ。

高橋建築研究所 google rank 3 です。

少しはいいことが・・・。

僕の会社のホームページ　「建築住宅３D設計innovation|高橋建築研究所・一級建築士事務所｜高橋寛・建築家」が、ようやくgoogle rank3となりました!!

写真で見えますか?

うれしー。にやっ。

最近、数日閲覧ページ数が増え、何かと思っていたら、このせい、かも？？しれません。その後、ご祝儀相場らしく、また、閲覧ページ数が減ったような。

うーん、やっぱりHPは、みずもの？

これから、HPが、すごとに繋がればいいと思ってがんばっています。

設計の仕事で、単独のHPから、仕事にはなかなか繋がらないって言う人もいるけど・・設計の仕事、お待ちしています。

ちなみに、googleディレクトリですと、ビジネス > 建設・土木 > 一般建築・施設 > デザイン・設計 > 東京で、東京の174サイトのうち、30番ぐらいです。

bloggerをyahoo!とbingに登録

yahoo!検索サイトエクスプローラー

Bing （MSN)webmaster Center

このBloggerを上の二つにも登録しておきました。

この前の記事で問題だった、

-----------------------------------------------------------------

google ウエブマスターツールで表示されるタグだけでは間違い

タグの最後の "> を "/>に修正しなければならなかったのでした。

-----------------------------------------------------------------

ってやつは、yahoo!はgoogleと同じ、Bingはすでに"/>となっていました。

Bingで、ひとつわからなかったのは、サイトマップ。

サイトマップを、「Atom.xml」で指定したら、エラーでした。

Bingでは、sitomap.xmlしか対応していないのでしょうか?

わからなくて、調べるのも面倒なので、今はそのまま。

知っている人がいたら教えてくださいね。

bloggerをgoogle ウエブマスターツールwebmaster toolsに登録

「このブログをgoogle ウエブマスターツール webmaster toolのサイトマップにどうして登録したらいいの？」で1時間半ぐらい悩んでしまった。素人は大変なんですよね。

いつも使うクリボウのBlogger入門をみながら、アクセスアップ・Googleウエブマスターツールを読んで、「わかんねー？？Atom1.0??」

いろいろ検索したけどわからずじまい。

やけになって、google ウエブマスターツールにいって、これは、すでにいくつかサイトを追加しているからとりあえず追加。フムフム、・・クリボウさんの言うとおりHTMLじゃなくてメタタグだね。OK

メタタグをコピーして、Bloggerの

「レイアウト→HTML編集→bodyの上のhead：に、コピペ」

OK、と思いきや、真っ赤っかなエラーが出てしまった。舞い上がりました。

レイアウトのテンプレートじゃだめなの？位置が間違っているの?単語で検索してもだめー！！

えーい、エラー文全部コピペで、検索しちゃえ！！

「テンプレートの形式が適切でないため、解析できませんでした。 すべての xml 要素が適切に閉じられているかどうかを確認してください。 xml エラー メッセージ: the element type "meta" must be terminated by the matching end-tag "".」

いやー、ありました（満足）

『googleサービス－のんびり確認ブログ』

すばらしい！このブログのやすひろさん、3時間も悩んだ？すみませんおかげで私は素人なのに少し短縮。結果は、

-----------------------------------------------------------------

google ウエブマスターツールで表示されるタグだけでは間違い

タグの最後の "> を "/>に修正しなければならなかったのでした。

-----------------------------------------------------------------

よく見るとBloggerHTML編集の警告の最後に例として"> → "/>が赤字で書いていました。

で、解決と思って、google ウエブマスターツールに戻り「sitemapを送信する」をクリック！

とすると

「http://[yoursitename].blogspot.com/ブランク」

が出てきて、このファイル、どうやって作るの?ふつうのHPでは作ったことがあるのですが、ブログはどうしたらいいんじゃい？？

で、またまた、検索

「 bloggerのサイトマップを作成」検索！ありました。

『kurolog google memo-Google関連の役立つ情報メモ』

「何ーんだ。Bloggerじゃ、Atom.htmlって自動的にできているんだ」

---------------------------------------------------------------------------

「sitemapを送信する」に戻って、ブランクにAtom.htmlを書き込みクリック！」

-----------------------------------------------------------------------------

無事成功したのでありました。

上の二つのブログさん、ありがとう！！です。