Jump to content

FlyDresser

Member
  • Posts

    21
  • Joined

  • Last visited

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

FlyDresser's Achievements

  1. See Favicon not appearing on Google Search results - Appearance in search engines and Social - Squarespace Forum No code injection should be needed.
  2. Several important things to ensure favicons on a Squarespace-hosted site get rendered correctly in Google search: 1) Favicon must be a multiple of 48 pixels square (e.g. 48, 96, 144 pixels on a side) for Google to render it. The Squarespace requirement of multiples of 16 pixels is needed only for Squarespace, and is inadequate for Google. See https://developers.google.com/search/docs/appearance/favicon-in-search 2) Favicon should be created in Paint such that its color palette can meet the rendering requirements. I recommend creating the image (see item 1) and zooming out to see how it will look at 16x16 px, the size it will actually appear on the browser tab, and at 32x32 px as it will appear in Google (may be scaled slightly smaller). When you think you are done, save the image as a .bmp with 8 bit depth (a favicon requirement of some browsers). Then exit Paint and open the .bmp file and inspect the image to make sure the colors are as you expect them, given the reduced color palette. If OK save the file as a .jpg. 3) Favicons are cached in the browser, which means that they don't get refreshed often if at all. To help, make your favicon a different filename than the last one you used. Set the new icon in Squarespace (Design->Browser Icon) to the .jpg file created in step2. Note Squarespace will create the .ico file and include the appropriate reference in your website html. Next, you should log out of Squarespace, clear the browser cache using the settings menu or similar, then load your website page. The new favicon should appear on the browser tab. You may need to fiddle with this several times. 4) You need to nudge Google to update its database of websites. See https://developers.google.com/search/docs/crawling-indexing/ask-google-to-recrawl For a big website I suggest this, since Squarespace automatically generates an XML sitemap in proper form: https://developers.google.com/search/docs/crawling-indexing/sitemaps/build-sitemap#addsitemap This may take a few days to a few weeks to actually happen.
  3. Well now you can copy an individual project from a portfolio page. More correctly you can copy the sections of the content, but not the various project attributes. Save each section on the original project page, then create the new page in the usual way on the new portfolio. Then edit the new project page, and paste in the saved section into each section in the new project page (use the edit menu for the section and select "My Saved Sections"). . My project pages are each one section so this works pretty quickly. Also this is useful for creating different project pages from a "master" project page, editing text or image blocks as need be.
  4. Duplicate section is working tonight! When one edits a section, select the heart icon, which saves the section (not intuitive). Then when creating a new section on the same or some other page, you can paste it. I used it to create a portfolio sub-page from another portfolio on my site. MUCH easier than creating one from scratch. Might even be better than duplicating portfolio sub-pages when creating many sub-pages of similar design.
  5. Tried to use the Asset Library feature, just to look at, and read details of, the various image assets I use on my website. I do have lots of images, roughly 350-400 so far - a little over half are 500kB and are 2500x1407 px, and a little under half are thumbnails about 70kB each at the 1000x 500 px wide. But Squarespace is marketed as a website for artists, and certainly imagery is a key essential feature. I used the view that has a little thumbnail and a few attributes all on the same row, one image per row. V E R Y SSSS LLLLL O WWWW to load. To scroll down to the bottom of the list took minutes. It appears the page refresh of loading of the images and data is inefficient. Several times the page stalled, and I had to wait a few minutes for things to come back. Unusable. Clearly tested with only a tiny demo website not representative of the sites Squarespace is trying to have us create. I have 1GB/s internet service, which in the evenings tests at about 500 MB/s on my (admittedly ancient) PC. I do note that scrolling down the list of images on my Edge browser does get my CPU usage up, occasionally peaking at 100%. Anyone else have this experience? Any insights as to how to use this thing? Thanks.
  6. 1) Use the SQSP footer, but set the section Space to Small and then edit the space to be 0 on the slider. 2) Create a text block in the footer, making it one row high. 3) To create the copyright line, use a word processor (e.g. Microsoft Word), and type the desired copyright text, preceding it with (c). The auto-correct feature will replace the (c) with the copyright symbol. Then copy the text including the symbol, and paste into the text in Squarespace in the text block editor. Voila! works with many other symbols generated by MS Word autocorrect as well.
  7. The recommendation by Squarespace is flawed. If you want your favicon to appear in Google search it must be a multiple of 48 pixels square. So for example 96 pixels or 192 pixels square. Specified by Google here
  8. Not sure if this helps: The mobile renderings in Fluid Engine have some "ideosyncracies" [I'm being kind here...]. First, the order the blocks were entered in determines the default mobile layout. So generally the mobile view of any page created in desktop view is messed up and needs its own edits. To remedy this, switch to mobile view and arrange the blocks in each section as you desire them to appear. Does NOT affect the desktop view in fluid engine as it would in the classic editor. In the future, to reduce the PIA factor, enter the blocks as you would like them to appear in the mobile view, or do your first page builds in mobile view, then switch to desktop view and tweak for desktop. Second, do NOT delete any block in either view, as deletions carry between the views. To make a block only appear in one view needs some code or CSS code. Third, try both views in a variety of devices. Also one can emulate the mobile device by using a browser but making the browser window very narrow, say 400 pixels wide. Also, try on a mobile device in both portrait and landscape views (rotate the phone, and have the rotate feature enabled on the phone in settings menu. Good luck!
  9. Another manual way is to emulate the navigate links that appear on the bottom of portfolio sub-pages, and put them on the portfolio main page. Create multiple portfolio pages (e.g. volume 1, volume 2,...) each with the same formatting. In your case make them 3 columns wide and make 9 projects (portfolio sub-pages) in each. On each portfolio page, add a section below the grid produced on a portfolio page, add a block on the left and right, and put text formatted as a link to the next (on right) and previous (on left) portfolio page. You can use > or < which are a little smaller, but similar to, the arrows used in the portfolio sub-pages. Then put the portfolio pages in a folder, say "My work". I did that on my site www.petersimonsonflydresser.com. The "my work" is found in the navigation section at the top of any page on my site. If you want to have a "master portfolio" page as the starting point for navigation, you can do that manually, by placing 9 images, each representing the portfolio page (each 9 projects), and adding link to the image to the portfolio pages for each image. The user can either return to this master page or use the navigation links you created on the bottom of each portfolio page. Does this help?
  10. Try it now. Got an email back from Squarespace today - they claim they fixed a problem. See Images being over-cropped or not rendered - Pages and Content - Squarespace Forum
  11. I submitted a ticket last night. Got an email back from Squarespace this morning: About an hour after the email was sent I ran some tests. Appears to be OK on a desktop browser (Edge - current version). The Squarespace editor no longer was flickering, etc. However my cell phone browsers (both Google app and Chrome) were still not working right. Even after clearing cache in both apps. I was disappointed. So I tried the Samsung Internet browser, which rendered the pages with images correctly. Hmmm. So just for kicks I restarted my phone. After that my Google App and Chrome App appeared to be rendering the page and the images correctly. APPEARS TO HAVE BEEN FIXED BY SQUARESPACE. So a word of caution, you may have to tell customers to reset their Android phones if you get complaints about not seeing images, which may happen if they looked at your web page and did not see all the images between say Sept 2 and today. Did the previous respondents see the same results?
  12. BTW, you should keep images under 500KB. A 20MB image will make your customers unhappy waiting for the pictures of your work. You can size and compress your images using GIMP (free!), Photoshop, or any of the free online .jpg compressors, where you can observe image quality loss as file size gets smaller. And thumbnail images can be kept to 1000 px and compressed with little loss to well under 70 kB. Also: Really nice jewelry - beautiful work - and I like the web site.
  13. yeh, see neighboring post Images being over-cropped or not rendered - Pages and Content - Squarespace Forum which describes images not being rendered, starting late today. Fluid engine is the new editor since August. You can tell whether a Section on a page uses it by editing the page, and attempt to move a block (image, text). If a grid 24 blocks wide appears when you start to move the block, it is Fluid Engine. I suspect its release, or some bug fix release today, was premature, probably insufficient testing.
  14. Just for grins, I just did that. First rendering was no image, refresh page, no image, move off to another page, and move back, saw the upper left part of the image down in the lower right corner of the image block. NOT FIXED! Looks like the bug is related to putting the image into the block. Appears it is the correct size but is putting the upper left corner of the image in the center of the image block, using the image block outline to clip the image. I'm guessing the computation of image location has a bug somewhere.
  15. Also I am not using CSS or any code either. hmm. I note another posting about a jewelry site ( Not all products showing?? - Pages and Content - Squarespace Forum ) is missing images of some products. That posting was created about an hour ago. Not good. I just pushed out the announcement of new stuff on my site (the problem pages among them) onto social media last night. I won't have happy customers...
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.