Le forum des femmes et mamans créatrices d'entreprise
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.

Le forum des femmes et mamans créatrices d'entreprise

Un lieu d'échange et de partage pour les mamans chef d'entreprise
 
AccueilAccueil  Dernières imagesDernières images  S'enregistrerS'enregistrer  ConnexionConnexion  
-39%
Le deal à ne pas rater :
Pack Home Cinéma Magnat Monitor : Ampli DENON AVR-X2800H, Enceinte ...
1190 € 1950 €
Voir le deal

 

 Sujet

Aller en bas 
+2
EVcréations
Lescreationsdephee
6 participants
AuteurMessage
Lescreationsdephee
J'observe
J'observe
Lescreationsdephee


Nombre de messages : 14
Age : 45
Localisation : Thonon-les-Bains
Emploi : Maman & En création d'entreprise
Date d'inscription : 27/02/2011

Sujet Empty
MessageSujet: Sujet   Sujet Icon_minitimeVen 11 Mar 2011 - 9:50

[Sujet fermé]


Dernière édition par Lescreationsdephee le Lun 28 Mai 2012 - 19:11, édité 3 fois
Revenir en haut Aller en bas
http://www.lescreationsdephee.com
EVcréations
Je ne me passe plus du forum
Je ne me passe plus du forum
EVcréations


Nombre de messages : 1643
Localisation : Hauts-de-Seine
Emploi : Création d'objets de décoration en bois et de bijoux fantaisie
Date d'inscription : 04/11/2010

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeVen 11 Mar 2011 - 10:40

Question Question Question

désolée, je n'y connais rien geek
mais d'autres viendront sûrement t'éclairer...
Revenir en haut Aller en bas
http://www.esmeraldav.fr
MCMaman
Je ne me passe plus du forum
Je ne me passe plus du forum
MCMaman


Nombre de messages : 1075
Age : 46
Localisation : Puteaux
Emploi : Freelance en informatique, développement web et logiciel
Date d'inscription : 05/01/2010

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeVen 11 Mar 2011 - 14:14

Je t'ai trouvé un petit article sur les frames et Google... ça devrait t'intéresser.
http://phortail.org/referencement/referencement-google-aime-les-frame-0022.html

Tu peux utiliser du javascript pour que l'index soit visible si on ouvre une "sous-page" ( tu as un exemple dans l'article )
Revenir en haut Aller en bas
http://www.optiminformatique.fr
Imelia
Passionnée, je deviens accro
Passionnée, je deviens accro
Imelia


Nombre de messages : 706
Age : 41
Localisation : Clermont-Ferrand
Emploi : Graphiste/webdesigner
Date d'inscription : 16/10/2010

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeVen 11 Mar 2011 - 21:51

Arf, les iframes....

C'est plutôt déconseillé depuis l'affirmation des standards W3C, pour des raisons d'accessibilité (cela pose des problèmes majeurs, ,notamment à cause des tailles d'écran: un site en frame, si l'écran du visiteur est trop petit, sera coupé et l'utilisateur aura impossibilité d'accéder au contenu coupé car on peut scroller l'intérieur de la frame mais pas le conteneur du site en lui même. C'est un problème parmi énormément d'autres causés par les frames, mais c'est le plus courant). Il est recommandé de ne les utiliser que dans des cas bien précis et avec la plus grande parcimonie.

Pourquoi l'avoir créée en frame, exactement, ce site?
Revenir en haut Aller en bas
http://www.imelia.fr
Lescreationsdephee
J'observe
J'observe
Lescreationsdephee


Nombre de messages : 14
Age : 45
Localisation : Thonon-les-Bains
Emploi : Maman & En création d'entreprise
Date d'inscription : 27/02/2011

Sujet Empty
MessageSujet: Hum...   Sujet Icon_minitimeSam 12 Mar 2011 - 7:26

Bonjour,

Merci à vous deux pour vos réponses.

@MC Maman : Le lien est intéressant mais ne solutionne pas mon souci. Mais mercid'avoirprisle temps de chercher çà Embarassed

@ Imelia : Pourquoi des Iframe ? Je ne sais pas faire autre chose... Je trouve que le principe de ne charger que la pade demandée à chaque fois est sympa et fluidifie la navigation. Je suis sure qu'il existe plein d'autres moyens sympas de faire la même chose mais je ne les connais pas ... Du coup, c'est vrai que cette histoire de google me chagrine un peu Smile Et puis aussi, cela me permet de gérer chaque page indépendamment et c'est super simple pour moi ...

Merci à vous deux pour vos réponses et bon week-end !

Jenn Basketball

Revenir en haut Aller en bas
http://www.lescreationsdephee.com
crealx
Je prends mes marques
Je prends mes marques



Nombre de messages : 40
Date d'inscription : 21/01/2011

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeMar 15 Mar 2011 - 10:55

Bonjour,

Je vais répondre en 2 fois.

Premièrement, concernant ta problématique de référencement :

Tu utilises des frames. Le principe est, comme tu le dis, de n'avoir que le minimum à recharger, en gros ta page de contenu.
Très bien.
La structure est en fait une page, qui en appelle des autres. Donc la page sur laquelle je suis est en fait x pages.
Ces x pages sont bien différentes, et pour un moteur de recherche (qui navigue sous safari, pour google) il va crawler (parcourir, renifler) toutes les pages de ton site, et donc x pages.
Et il va les afficher sur son moteur de recherche ! Jusqu'ici, c'est normal.
Pour solutionner ton problème, tu as deux solutions.
Soit tu ne veux pas que les moteurs référencent ces pages (accueil, contact, presentation), dans ce cas là, tu utilises un fichier robot.txt à la racine de ton site avec ces paramètres :
Code:

User-Agent: *
Disallow: /repertoire/chemin/accueil.html
Disallow: /repertoire/chemin/contact.html

Dans ce cas là, les moteurs n'indexeront plus tes pages.
Avantage : tu n'auras plus de soucis de moitié de page
Inconvénient : tu n'auras plus qu'une seule page indexée (ton www.xxx.com)

Deuxième solution, rediriger toutes tes pages sur ton accueil... C'est moyen, mais ça résoudrait ton problème.
Un fichier htaccess à la racine te permettrait de le faire.

Troisième solution (ah ben oui, en écrivant j'en ai trouvé une troisième Wink ) :
Revoir ton site pour intégrer tous tes bouts de pages à la volée en une seule et même page :
je m'explique.
Au lieu de faire du frame, tu ferais de l'include. Ta structure serait :
Code:
<html>
<head></head>
<body>
include fichier.html
include fichier2.html
</body>
</html>
Cela nécessiterai du temps, mais tu serais gagnante car tu aurais x pages indexables avec du contenus pour tes clients et les moteurs !


Concernant l'utilisation des frame

Comme le dit Imelia, les frames, c'est vraiment moche ! D'une part, c'est moche dans le codage. D'autre part, c'est moche dans le référencement. Et enfin, c'est moche dans les standards !
Dans le codage, car tu n'as pas de structure fixe, et les héritages sont compliqués à gérer.
Dans le référencement : regarde ton site, tu crois avoir 10 pages, mais tu n'as qu'une seule page au final, avec un seul titre ! Tu ne pourras pas avoir un référencement efficace sur la queue de ton activité ! Et même sur le coeur Sad
Dans les standards, Imelia en a parlé. Et même s'il ne faut pas développer pour les standards... c'est utile de les respecter, à minima.

L'essence, c'est pas bien, mais on fait avec parce qu'on ne sait pas faire autrement...
Les iframs, c'est pas bien, mais on fait avec parce qu'on ne sait pas faire autrement... mais jusqu'à quand ?


Bon courage dans tous les cas, j'espère que j'ai pu t'aider !
Revenir en haut Aller en bas
http://www.crealx.com
Lescreationsdephee
J'observe
J'observe
Lescreationsdephee


Nombre de messages : 14
Age : 45
Localisation : Thonon-les-Bains
Emploi : Maman & En création d'entreprise
Date d'inscription : 27/02/2011

Sujet Empty
MessageSujet: Merci !   Sujet Icon_minitimeMar 15 Mar 2011 - 15:16

Bonjour CreaLx,

et déjà, merci beaucoup du temps que tu as passé à rédiger ta réponse et à chercher une solution ...

je sais bien que les frame c'est pas bien, mais y'a quelques années, quand j'ai un peu tâté du net, j'avais trouvé ça génial et depuis je n'ai pas évolué, faut dire que j'ai eu un super patron qui n'a jamais voulu que je me forme ... bref, je m'éloigne !

Alors j'ai bien lu ta réponse.

Mmgggnn, trois fois mmmgggnnnn ...

Bon.

Soit j'applique une de tes solutions, la petit fichier *.txt me semble le plus simple. Ou alors me pencher sur le htaccess.

Soit je me creuse la tête et j'apprends à faire autrement, mais là, je suis paumée, totalement. et puis tu as raison, si certains standards existent, il est bon de les respecter. Le truc, c'est que je ne sais pas par où commencer mais votre réflexion à toutes les deux me fait prendre conscience que ce serait bien quand même.

En tous les cas, je te remercie chaleureusement pour cette réponse,

Amicalement

Jenn. What a Face
Revenir en haut Aller en bas
http://www.lescreationsdephee.com
crealx
Je prends mes marques
Je prends mes marques



Nombre de messages : 40
Date d'inscription : 21/01/2011

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeMar 15 Mar 2011 - 15:52

De rien Jenn.
Je vais même aller au delà : je te donne ci dessous la structure de ta refonte Smile
Déjà, on va séparer ton css : copie ça dans un fichier qu'on appelera style.css.
Code:

body, html {
scrollbar-base-color:#483D8B;
scrollbar-3dlight-color:#d6cfc9;
scrollbar-arrow-color:#708090;
scrollbar-darkshadow-color:#FFFFF0;
scrollbar-face-color:#938474;
scrollbar-highlight-color:#FFFFFF;
scrollbar-shadow-color:#FFFFF0;
scrollbar-track-color:#FFFFFF;
}


body {
   background-image: url(illustrations/bg.jpg);
   background-repeat: no-repeat;
   margin-left: 10px;
   margin-top: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
}
body,td,th {
   font-family: Verdana, Geneva, sans-serif;
   font-size: 10px;
   text-align: center;
   
   color: #938474;
}

#content
{
   width:1000px;
   margin: auto auto;

}

.A01 {
   color: #400040;
   text-align: center;
}
.A02 {
   font-size: 9px;
   font-weight: normal;
}
.A3 {
   font-style: italic;
   text-align: center;
}
.A3 {
   font-style: italic;
}
.l01 {
   text-align: center;
   font-weight: bold;
}
.m02 {
   color: #66F;
   font-weight: bold;
}
.j02 {
   text-align: center;
}
.m56 {
   text-align: center;
}

a:hover {
   text-decoration: underline;
   color : #69F;
   border: 1px;
}

a:link {
   color: #66C;
   text-decoration: none;
}
a {
   font-size: 12px;
}
a:visited {
   text-decoration: none;
   color: #66C;
}
a:active {
   text-decoration: none;
   color: #66F;
}
.A022 {
   font-size: 12px;
}
.sdfdqsfq {
   font-family: Verdana, Geneva, sans-serif;
}
.sdfdqsfqd {
   font-family: Verdana, Geneva, sans-serif;
}

Comme ça tout est centralisé dans un fichier qui va bien..

Ensuite, il faut que tu reprennes tes iframes et les rapatrie dans une page pour chaque.
Voici ta page d'accueil refactorée :


Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;"/>
<meta name="description" content="Les créations d'Ephée – Faire-part exclusifs et sur mesure pour partager les moments forts de votre vie : naissance, mariage, PACS, baptême … Photos à domicile: naissance, pré-wedding, identités."/>
<meta name="keywords" content="faire part,faire part naissance,faire part en ligne,faire part chouette,faire part mariage,faire-parts,faire-parts mariage,faire-part de naissance,faire-parts naissance,faites part,texte faire-part mariage, fiançailles,fairepart naissance, modèle faire-part mariage,mariage faire-part,cartes de naissance,carte de mariage,carte d'invitation,pré-wedding, photos d'identités à domicile, photos de naissance à domicile, anne geddes,cartes de naissance,cartes de mariage,liste de naissance,communion,texte faire-part naissance,invitations,faire-part bébé,modèle faire-part naissance,invitation mariage,exemple faire-part mariage,cartes condoléances,condoléance,faire-part invitation,création faire-part,modèles faire-part,faire-part bapteme,faire-part regalb,faire-part buromac,faire-part intercard,faire parts de mariage,faire-part busquet,busquets"/>
<title>Les créations d'Ephée - Faire-part exclusifs et sur-mesure. Photos à domicile.</title>
<meta name="author" lang="fr" content="Jennifer Parpette">
<meta name="robots" content="index">
<meta name="google-site-verification" content="DD02x8LoAXMGHrnQtaPz9UwHEH7AxpXpezlAHd9Dnis" />
<link href="http://www.lescreationsdephee.com/illustrations/favicon.ico" rel="shortcut icon" type="image/x-icon"/>
<link rel=stylesheet type="text/css" href="style.css">
</head>
<body leftmargin="10" topmargin="10" marginwidth="10" marginheight="10" onload="MM_preloadImages('boutons/01 copie 01.jpg','boutons/02 copie 01.jpg','boutons/03 copie 01.jpg','boutons/04 copie 01.jpg','boutons/05 copie 01.jpg','boutons/07 copie 01.jpg','boutons/06 copie 01.jpg')">
<table width="1260" border="0" align="center">
  <tr>
    <td><a href="accueil.html" target="i1"><img src="illustrations/bandeau_large.jpg" alt="Les créations d'Ephée" width="1260" height="150" border="0" align="middle" /></a></td>
  </tr>
  <tr>
    <td><div align="center"><a href="illustrations/Galerie/arles_gallery/index.html" target="i1" onmouseover="MM_swapImage('Image1','','boutons/01 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/01 copie.jpg" alt="Autour de la naissance" name="Image1" width="250" height="40" border="0" id="Image1" /></a><a href="illustrations/Galerie1/arles_gallery/index.html" target="i1" onmouseover="MM_swapImage('Image91','','boutons/02 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/02 copie.jpg" alt="Autour du mariage" name="Image91" width="250" height="40" border="0" id="Image91" /></a><a href="chezvous.html" target="i1" onmouseover="MM_swapImage('Image101','','boutons/03 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/03 copie.jpg" alt="Ephée, chez vous" name="Image101" width="250" height="40" border="0" id="Image101" /></a></div>
      <div align="center"><a href="illustrations/Galerie1/arles_gallery/index.html" target="i1" onmouseover="MM_swapImage('Image91','','boutons/02 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"></a></div>
      <div align="center"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image101','','boutons/03 copie 01.jpg',1)"></a></div>

      <div align="center"><a href="presentation.html" target="i1" onmouseover="MM_swapImage('Image111','','boutons/04 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"></a></div>
    <div align="center"><a href="contacts.html" target="i1" onmouseover="MM_swapImage('Image121','','boutons/05 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"></a><a href="quoidautre.html" target="i1" onmouseover="MM_swapImage('Image131','','boutons/07 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/07 copie.jpg" alt="Quoi d'autre ?" name="Image131" width="250" height="40" border="0" id="Image131" /></a><a href="contacts.html" target="i1" onmouseover="MM_swapImage('Image121','','boutons/05 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/05 copie.jpg" alt="Contactez-nous !" name="Image121" width="250" height="40" border="0" id="Image121" /></a><a href="liens.html" target="i1" onmouseover="MM_swapImage('Image141','','boutons/06 copie 01.jpg',1)" onmouseout="MM_swapImgRestore()"><img src="boutons/06 copie.jpg" alt="Nos partenaires" name="Image141" width="250" height="40" border="0" id="Image141" /></a></div></td>
  </tr>
  <tr>
    <td align="center" valign="top">
      
      <div id="content">
      <p>Bienvenue chez <strong>Les Créations d'Ephée</strong> !</p>

      <p align="left">Découvrez nos créations pour tous les évènements importants de votre vie : mariage, PACS, naissance, baptême...</p>
      <p align="left">Des créations sur-mesure, à vos couleurs et à vos goûts, dans un univers qui vous ressemble !
      Les  créations d'Ephée vont dans le sens de ce retour aux traditions  perdues en proposant de jolis faire-part, sur mesure et  personnalisés. Totalement à votre image, ils sauront avec élégance  et douceur annoncer à vos proches les moments forts de votre vie,  ceux dont on a envie qu'ils touchent et restent…</p>
      <p align="left">Les créations d'Ephée viennent également chez vous, pour réaliser vos photos de naissance, vos portraits ou bien encore vos photos d'identité.</p>
      <p align="left"><strong>Les créations d'Ephée: des créations uniques, originales et  personnalisées,</strong> <strong>de la magie à domicile...</strong></p>
      <p align="center"><!-- Facebook Badge START --><!-- Facebook Badge END --><a href="http://www.facebook.com/pages/Les-cr%C3%A9ations-dEph%C3%A9e/111327318945373" title="Les créations d'Ephée" target="_TOP" class="sdfdqsfq" style="font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;"><span class="sdfdqsfqd">Les créations d'Ephée</span></a> <a href="http://www.facebook.com/lescreationsdephee" target="_blank" title="Les créations d'Ephée"><img src="illustrations/facebook-love-petit.jpg" alt="" width="28" height="28" style="border: 0px;" /></a> sur Facebook</p>

      <table width="611" border="0" align="center">
        <tr>
         <td width="605"><img src="illustrations/bandeau6.jpg" width="600" height="200"></td>
        </tr>   
      </table>
      </div>
   </td>
  </tr>
  <tr>
    <td height="16">&nbsp;</td>

  </tr>
</table>
<span class="A02"><span class="A022">www.lescreationsdephee.com</span></span> <span class="A022"><br />
<span class="A02">Les Créations d'Ephée ©️ 2011    -
Créateurs  de faire-part exclusifs et sur mesure. Naissance, mariage, baptême,  PACS. Photos à domicile: naissance, identités, pré-wedding.</span>
</span>

<script type="text/javascript">
function MM_swapImgRestore() { http://v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { http://v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { http://v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { http://v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
  if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
</script>
</body>
</html>

Tu remarqueras deux choses : je t'ai mis une div id=content, pour centrer ton ancien iframe et lui mettre une largeur.
J'ai descendu ton javascript juste avant le </body> pour une histoire de perf !
Et voilà, tu as une page toute neuve, sur laquelle tu peux remplir le TITLE, les balises, etc.
Il ne reste plus qu'à faire les autres !
Bon courage, mais c'est quand même très rapide, un copier coller Smile

ps : je sais qu'il y en a qui vont hurler, du <table> avec du <div> ô mon dieu tout ça tout ça... On avance petit à petit, toujours à la vitesse qu'il faut ! prochaine étape, le 0 table Smile
Revenir en haut Aller en bas
http://www.crealx.com
Lescreationsdephee
J'observe
J'observe
Lescreationsdephee


Nombre de messages : 14
Age : 45
Localisation : Thonon-les-Bains
Emploi : Maman & En création d'entreprise
Date d'inscription : 27/02/2011

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeMar 15 Mar 2011 - 15:54

Ouh là
Ouh là là
Ouh là là là

Je vais prendre un siège bien moelleux et m'asseoir tongue

je relis tout çà et je reviens dans cinq minutes cheers
Revenir en haut Aller en bas
http://www.lescreationsdephee.com
Lescreationsdephee
J'observe
J'observe
Lescreationsdephee


Nombre de messages : 14
Age : 45
Localisation : Thonon-les-Bains
Emploi : Maman & En création d'entreprise
Date d'inscription : 27/02/2011

Sujet Empty
MessageSujet: Merci !   Sujet Icon_minitimeMer 16 Mar 2011 - 10:25

Bonjour à toutes,

Suite à la grande patience et la super gentillesse de CreaLx, j'ai pu refondre mon site afin de virer ces moches frames comme disent certaines à juste titre ...

du coup voilou, c'est tout beau tout propre, enfin j'espère ! Si quelqu'un a un Mac, ce serait sympa de me dire si cela fonctionne tout bien ...

Merci à nouveau pour cette entraide, c'est vraiment génial et merci creaLx,

Bonne journée à toutes,

Jenn.


rabbit
Revenir en haut Aller en bas
http://www.lescreationsdephee.com
alanis
Habituée pas loin d'être passionnée
Habituée pas loin d'être passionnée
alanis


Nombre de messages : 325
Age : 53
Localisation : Vannes
Date d'inscription : 28/01/2010

Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitimeMer 16 Mar 2011 - 11:08

Bonjour,

Voici une copie d''écran de ton site sur MAc / safari Smile
Sujet Captur12

J'édite pour ajouter que j'ai cliqué sur tous les liens, et ça fonctionne Smile

Bonne journée à toi Smile
Revenir en haut Aller en bas
Contenu sponsorisé





Sujet Empty
MessageSujet: Re: Sujet   Sujet Icon_minitime

Revenir en haut Aller en bas
 
Sujet
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» au sujet de l'EPCE
» club des créatrices
» maman créatrice d'une entreprise de crèche
» Echange de liens entre blogs
» café poussette?

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum des femmes et mamans créatrices d'entreprise :: Vous et votre projet :: Etes-vous prête à créer ?-
Sauter vers: